title: Horizontal Nav in HTML5
body: <p>I have to say that I'm new to Stack Overflow and HTML5. My primary language isn't English. Learning something in other language than my mother tongue language is very difficult, and I didn't find any HTML help aside from the basics like 'what is head, how to use paragraphs', so I had to appropriate code that I have found on the internet. I ended up needing a little help with it.</p>
  
  <p>My issue is that I need to transform this vertical menu below to horizontal one.</p>
  
  <hr>
  
  <p>Here is the code for the menu:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>* {
    margin: 0;
    padding: 0;
  }
  body {
    background: #333;
  }
  ul {
    background: white;
    border-top: 6px solid hsl(180, 40%, 60%);
    width: 200px;
    margin: 0 auto;
    font-size: 0;
  }
  ul li {
    list-style-type: none;
    position: relative;
    overflow: hidden;
    font-size: inherit;
    float: left;
  }
  ul li a {
    font: normal 14px/28px Ubuntu;
    color: hsl(180, 40%, 40%);
    display: inline-block;
    padding: 10px 15px;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    position: relative;
  }
  .ink {
    display: block;
    position: absolute;
    background: hsl(180, 40%, 80%);
    border-radius: 100%;
    transform: scale(0);
  }
  .ink.animate {
    animation: ripple 0.65s linear;
  }
  @keyframes ripple {
    100% {
      opacity: 0;
      transform: scale(2.5);
    }
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;ul&gt;
      &lt;li&gt;&lt;a&gt;23432222&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a&gt;444444&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a&gt;Sample Text&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a&gt;342123443&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I would be thankful for any help, and sorry for posting kinda silly questions, I just didn't know where to find an answer for this.</p>