Удаление отступов неупорядоченного списка с помощью CSS

Когда текст в неупорядоченном списке обтекается, могут появиться нежелательные отступы. Чтобы решить эту проблему, попробуйте выполнить следующие действия:

1. Удалить отступ

Удалить отступ по умолчанию и отступ в виде списка:

ul {
    padding: 0;
    list-style-type: none;  
}

2. Уменьшите высоту строки

При необходимости уменьшите высоту строки, установив ее равной размеру шрифта или немного меньше:

ul li {
    line-height: 1em;
}

3. Отключить плавающее число

Удалите все свойства плавающего числа, примененные к элементам списка, гарантируя, что вместо этого они отображают встроенный блок:

ul li {
    float: none;
    display: inline-block;
}

4. Отрегулируйте размер шрифта

На последнем этапе настройте размер шрифта по своему вкусу.

Пример

Рассмотрите следующий код:

#info {
    ...
}

#info ul {
    padding: 0;
    list-style-type: none;
}

#info ul li {
    float: none;
    display: inline-block;
    line-height: 1em;
}
Эта комбинация методов должна устранить отступы в переносных строках в неупорядоченных списках, обеспечивая аккуратный и профессиональный вид.