04_typography.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Headings, Paragraphs, Typography</title>
</head>
<body>
  <!-- Headings -->
  <h1>Heading 1</h1>
  <h2>Heading 2</h2>
  <h3>Heading 3</h3>
  <h4>Heading 4</h4>
  <h5>Heading 5</h5>
  <h6>Heading 6</h6>

  <!-- Paragraphs -->
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis perspiciatis quaerat deserunt sit corporis minima <strong>consequuntur nisi, quia quis magni? Corporis ea</strong> quos dolores neque voluptate dolorum magni nisi consequatur dolore nostrum nemo illo quod ducimus veritatis voluptates repellendus itaque totam, quae tempore. <em>Ex in aliquid deleniti ducimus rem officia tempora</em> harum iusto <del>delectus</del> dolorum!
  <!-- Line Break -->  
  <br>
  <br>
  Ipsam qui iusto quia esse repudiandae, accusamus porro amet doloribus hic eos fuga optio culpa quaerat obcaecati odio expedita necessitatibus cum excepturi possimus error?
  <!-- Horizontal Rule -->
  <hr>
  Suscipit optio, minus voluptatum alias iure perferendis! Quis odio mollitia inventore. Expedita officia omnis aspernatur quo. Qui ullam itaque sequi at.</p>
</body>
</html>