Как нумеровать вертикально выровненные изображения в списке - PullRequest
Новая
       13

Как нумеровать вертикально выровненные изображения в списке

0 голосов
/ 03 марта 2019

Мои изображения упорядочены по номерам.Номер назначен над изображением. 

       <ol style="text-align:center;">
            <hr>
            1
            <hr>
            <img src="https://via.placeholder.com/300x300" alt="image1" width="30%" height="30%">
            <hr>
            2
            <hr>
            <img src="https://via.placeholder.com/300x300" alt="image2" width="30%" height="30%">
            <hr>
            3
            <hr>
            <img src="https://via.placeholder.com/300x300" alt="image3" width="30%" height="30%">
            <hr>
            4
            <hr>
            <img src="https://via.placeholder.com/300x300" alt="image4" width="30%" height="30%">
            <hr>
            5
            <hr>
            <img src="https://via.placeholder.com/300x300" alt="image5" width="30%" height="30%">
        </ol>

Однако, когда я помещаю изображение в список, число находится в левой нижней части изображения.Как я могу получить первоначальный результат, используя список?

1 Ответ

0 голосов
/ 07 марта 2019

Вы можете сделать это 

ol {
    list-style-position: inside;
    padding-left: inherit;  
}
    ol > li::before {
        content: "\A";
        white-space: pre;
    }

Как отцентрировать упорядоченный номер списка в HTML

...