Доверьте продвижение нам

Lion Digital Agency

интернет-маркетинг

теги:

Категории

Рубрики
Услуги веб дизайна под ключ.
от 29500 
Написание постов, ведение соц сетей Ваших компаний. Формирование имиджа и контента.
от 22900 
Услуги SEO копирайтера под ключ. Пишем качественные тексты.
от 950 

Как сделать li в строчку css

Для того чтобы элементы списка ul/li были расположены в одну строку, необходимо задать соответствующие CSS свойства.

Например, если список имеет класс .my-list, то можно применить следующие стили:

.my-list {
  display: flex;
  list-style: none;
}

.my-list li {
  margin-right: 20px;
}

В этом примере свойство display: flex задает элементу ul контейнер flexbox. Это позволяет выравнивать элементы списка в ряд с помощью свойства внутри li.

Свойство list-style: none удаляет точки списка.

Свойство margin-right задает отступ справа между элементами списка. Если нужны отступы и по левой стороне, то можно также добавить свойство margin-left.

Также можно использовать свойство display: inline-block для li, чтобы элементы списка были выровнены в одну строку, например:

.my-list li {
  display: inline-block;
  margin-right: 20px;
}

Этот код добавляет каждому элементу списка свойство display: inline-block, которое позволяет их выравнивать в строку, также добавляется отступ между элементами списка margin-right.

Поделиться:

Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Задать вопрос

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.

Меню

Оставить заявку

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.