lorem.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Lorem HTML5 Tags</title>
  <style>
      html {
          scroll-behavior: smooth
      }
      #nav {
          position: sticky;
          top: 0;
          background: #fff;
          box-shadow: 0 3px 3px -3px rgba(0,0,0, .3);
      }
      #nav ul {
          margin: 0;
          padding: .2rem 0;
          display: flex;
          flex-flow: wrap;
          list-style: none;
      }
      #nav li {
          margin-right: 1rem;
      }
  </style>
</head>
<body>
<nav id="nav">
  <ul>
    <li>
      <a href="#list">List</a>
    </li>
    <li>
      <a href="#test">Test</a>
    </li>
  </ul>
</nav>
<hr id="list">
<h2>List</h2>
<pre><code>&lt;ul&gt;
  &lt;li&gt;Lorem ipsum dolor sit.&lt;/li&gt;
  &lt;li&gt;Lorem ipsum dolor.&lt;/li&gt;
  &lt;li&gt;Lorem ipsum dolor sit amet.&lt;/li&gt;
&lt;/ul&gt;
</code>
</pre>
<ul>
  <li>Lorem ipsum dolor sit.</li>
  <li>Lorem ipsum dolor.</li>
  <li>Lorem ipsum dolor sit amet.</li>
</ul>
<ol>
  <li>Lorem ipsum dolor sit.</li>
  <li>Lorem ipsum dolor.</li>
  <li>Lorem ipsum dolor sit amet.</li>
</ol>
<hr id="test">
</body>
</html>