@lemonlimelike

Есть элементы списка, как их разместить в ряд по горизонтали?

Вот есть список:
<ul class="one">
  <li class="two">Машина</li>
  <li class="two">Самолет</li>
  <li class="two">Поезд</li>
  <li class="two">Велосипед</li>
  <li class="two">Корабль</li>
  <li class="two">Косм.корабль</li>
</ul>


Как его разместить типа:
Машина Поезд Корабль
Самолет Велосипед Косм.корабль
  • Вопрос задан
  • 553 просмотра
Решения вопроса 1
@Adikjoro
.one li {
  display: inline-block;
}

Между пунктами появятся пробелы, так как в html коде между тегами li есть отступы. Это достаточно решить, просто убрав закрывающие теги, конечно же, при необходимости.
<ul class="one">
  <li class="two">Машина
  <li class="two">Самолет
  <li class="two">Поезд
  <li class="two">Велосипед
  <li class="two">Корабль
  <li class="two">Косм.корабль
</ul>

Браузер сам закроет их, и к тому же без пробелов.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы