Как сделать HTML-список горизонтальным, а не вертикальным, используя только CSS?

Мне нужно это, потому что я хочу сделать меню (которое сделано из списка HTML) горизонтально.

Я предпочитаю не использовать абсолютное позиционирование, так как это может стать беспорядочным, когда я начинаю менять макет страницы.

Я хотел бы также удалить отступ подписок. Возможно ли это?

Ответы

Вам нужно будет использовать что-то вроде ниже

#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>

довольно просто:

ul.yourlist li { float:left; }

или

ul.yourlist li { display:inline; }

Вот еще один способ для этого вопроса.

HTML

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

CSS

#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#menu li {
  display: inline-block;
}