Web >> Design >> CSS >> How to display list elements inline (horizontally) instead of vertically as usual

CSS: li.inline { display: inline; padding-left: 3px; padding-right: 7px; border-right: 1px dotted #066; } li.last { display: inline; padding-left: 3px; padding-right: 3px; border-right: 0px; } HTML: <ul> <li class="inline">Item one</li> <li class="inline">Item two</li> <li class="last">Item three</li> </ul>