0

Не получается выровнять пронумерованный список по центру. Пыталась заключить в дивы, просто выравнивала элементы списка - либо пропадает нумерация, либо все на странице съезжает незнамо куда. Не могу найти, как же всё - таки выровнять, помогите.

<ol>
  <li> МАТЕМАТИКА</li>
  <li> ИНФОРМАТИКА И ИКТ</li>
  <li> РУССКИЙ ЯЗЫК</li>
</ol>

1
  • обернуть его блочным тегом, и написать этому тегу text-align: center; а ol display: inline-block 2 мар 2020 в 13:36

2 ответа 2

3

.test{
width: 100%;
text-align:  center;
}
.center{
display: inline-block}
li{
text-align: left;
}
<div class="test">
<ol class="center">
  <li> МАТЕМАТИКА</li>
  <li> ИНФОРМАТИКА И ИКТ</li>
  <li> РУССКИЙ ЯЗЫК</li>
</ol>
</div>

4
  • 1
    добавь для li text-align: left 2 мар 2020 в 13:40
  • @user355827 Спасибо большое, помогло!!! Люблю 2 мар 2020 в 13:42
  • @MaximLensky поправил,спасибо за замечание
    – qwerty
    2 мар 2020 в 13:43
  • @MaximLensky Спасибо! <3 2 мар 2020 в 13:44
1

Следует использовать свойство CSS list-style-position: inside

Свойство list-style-position устанавливает будет ли появляться маркер внутри пунктов списка или снаружи перед началом каждого пункта. Значение по умолчанию — outside, которое заставляет маркеры находится снаружи пунктов списка и не позволяет ему центрироваться вместе с содержимым.

Таким образом ваш код будет:

ol {
  /*Устанавливаем маркер/номер внутри пункта списка*/
  list-style-position: inside;
  /*Центрируем*/      
  text-align: center;
  
}
<ol>
  <li>МАТЕМАТИКА</li>
  <li>ИНФОРМАТИКА И ИКТ</li>
  <li>РУССКИЙ ЯЗЫК</li>
</ol>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.