vertical and horizontal menu

by Steven Martin

HTML

<ul class="vertical">
  <li><a href="#home">Home</a></li>
  <li><a href="#contact">Contact</a></li>
  <li><a href="#about">About</a></li>
</ul>

<br>

<ul class="horizontal">
  <li><a href="#home">Home</a></li>
  <li><a href="#contact">Contact</a></li>
  <li><a href="#about">About</a></li>
</ul>

CSS

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.vertical li {
    display: inline;
}

.horizontal li {
}