Альтернативный список с нормальным обтеканием

ol:not([class]) {
    counter-reset:li; 
    padding:0; 
    list-style:none; 
    li {
        position:relative;
        padding: 0px 8px;
        &::before {
            $with: 1.5em;
            content: counter(li) ".";
            counter-increment: li;
            position: relative;
            color: inherit;
            margin-left: -($with);
            display: inline-block;
            width: $with;
            text-align: right;
            padding-right: 3px;
        }
    }
}


ul:not([class]) {
    counter-reset:li; 
    padding:0; 
    list-style:none; 
    li {
        position:relative;
        padding: 0px 8px;
        &::before {
            $with: 1.5em;
            content: "\2022";
            position: relative;
            color: inherit;
            margin-left: -($with);
            display: inline-block;
            width: $with;
            text-align: center;
            font-weight: bold;
            line-height: 1em;
            font-size: 1.11em;
            top: 1px;
        }
    }
}

Leave a Reply

Your email address will not be published. Required fields are marked *

девять − 7 =

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.