Horizontal list using float

Description

Using float left is a popular way to make a list horizontal. It tends to have less problems then the alternative, which is using display: inline.

Snippet

li{
float: left;
margin-right: 20px;
list-style: none;
}

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

More information about formatting options