Чтобы сделать список элементов в строчку на HTML-странице, вы можете использовать CSS свойство display
с значением inline
или inline-block
.
Вот пример CSS-кода, который сделает список из элементов <li>
в строчку:
ul {
list-style: none;
padding: 0;
margin: 0;
}
li {
display: inline-block;
margin-right: 10px;
}
Здесь мы задали стили для списка <ul>
, включая padding: 0
и margin: 0
, чтобы убрать отступы по умолчанию. Мы также установили свойство list-style: none
, чтобы убрать маркеры списка.
Затем мы добавили стили для элементов списка <li>
, задав значение display: inline-block
. Это позволяет выстраивать элементы в строчку, а также добавили отступ между элементами списка при помощи margin-right
.
Используя данные стили, вы можете создать список в строчку, который будет отображаться горизонтально на странице. При необходимости, вы можете изменить значения отступов, размеры шрифта, цвета и другие свойства в соответствии с вашими требованиями.