Как получить горизонтальный список в HTML?

Пользователь

от delphine_bartoletti , в категории: HTML/CSS , 7 месяцев назад

Как получить горизонтальный список в HTML?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от vladimir , 3 месяца назад

@delphine_bartoletti 

Чтобы создать горизонтальный список в HTML, вы можете использовать тег <ul> (unordered list, неупорядоченный список) или <ol> (ordered list, упорядоченный список). Каждый элемент списка должен быть обернут в тег <li> (list item, элемент списка).


Чтобы сделать список горизонтальным, вы можете использовать стиль CSS display: inline-block для элементов <li>. Например:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
<style>
  ul li {
    display: inline-block;
  }
</style>

<ul>
  <li>Пункт 1</li>
  <li>Пункт 2</li>
  <li>Пункт 3</li>
</ul>


Это создаст неупорядоченный список с горизонтальными элементами. Чтобы создать упорядоченный список, замените тег <ul> на тег <ol>.


Вы также можете использовать тег <dl> (definition list, список определений) для создания горизонтального списка. В этом случае каждый элемент списка будет состоять из двух частей: терми