Normally a HTML-list is displayed vertically, which means that each entry is below the previous entry. But for some reasons you might want to display the list vertically, e.g. for a menubar.
Here is a simple way to do that.
For this example I’ll use the following list:
<ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul>
The result looks like this:
- Item 1
- Item 2
- Item 3
Now, we add some CSS: