0

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

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

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

1 ответ 1

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

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

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