Как сместить точки у ненумерованного списка вместе с текстом?

Question

[Vovanchik_1234]

Возникла проблема при отцентровке списка: текст выравнивается по центру, а точки остаются по правому краю. Как исправить?
На первом снимке, как должно быть, на втором - как получилось

Первый снимок

Второй снимок

Answer 1

[Сергей delphinpro]

ul {
  text-align: center;
  list-style-position: inside;
}

Comments

[Vovanchik_1234]

Чуть-чуть не пошло

[Сергей delphinpro]

Vovanchik_1234, что не пошло-то? Всё по центру.

[Сергей delphinpro]

Vovanchik_1234, Посмотрите в инспекторе. У списков по умолчанию есть внутренний отступ. Обнулите его

ul {
  padding: 0;
}

[Vovanchik_1234]

Сергей delphinpro, заработало, спасибо

Answer 2

[Вадим]

ul {
  list-style-position: inside;
}

Comments

[Vovanchik_1234]

Немного съезжает

[Вадим]

Vovanchik_1234, ну так внесите соответствующие правки для :marker и текста. С этим свойством маркер - часть текста. Соответственно, на его величину и отступ между ним и текстом - всё сместилось вправо.

[Вадим]

альтернативный вариант рисовать маркер через псевдо ::before

[Vovanchik_1234]

Вадим, ппонял, спасибо

Answer 3

[SunUp]

Например, можно так

ul {
  display: inline-block;
}