How to make a HTML list appear horizontally instead of vertically using CSS only?

May 31, 2023 by Tarik

You will have to use something like below

#menu ul{
  list-style: none;
}
#menu li{
  display: inline;
}

<div id="menu">
  <ul>
    <li>First menu item</li>
    <li>Second menu item</li>
    <li>Third menu item</li>
  </ul>
</div>