Выровнять Элементы с типом списка: внешний стиль по границе контента последовательно ⇐ Html

[Anonymous]

Интересно, существует ли простой и солидный способ стилизовать элементы UL и LI, так что при использовании списка стиль списка: снаружи, элементы Li, поджигающие с содержанием над ним, или с ящиком для содержимого, в котором он находится без поля или накладки.

Something

• One
  Some more text or content here
• One
  Some more text or content here
• One
  Some more text or content here

body {
margin:20px;
border: 1px solid #333;
}

ul {
list-style: square outside none;
}
< /code>

Результат будет следующим: < /p>

< /p>

Что я хочу это alt = "Введите описание изображения здесь" src = "https://i.sstatic.net/zwfqv.png" /> < /p>

И это легко сделать, просто добавив немного накладки: < /p>

ul {
list-style: square outside none;
padding-left:15px;
}
< /code>

Но, безусловно, должен быть лучше, чем настройка поля пикселей. Может, что -то, что будет работать для всех размеров шрифтов?>

Подробнее здесь: https://stackoverflow.com/questions/187 ... -consisten