Ширина элементов li

[smirn0ff]

Добрый день!

Имею такой список

на этой странице http://teplogid18.ru/uslugi/montazh-otopleniya.

Как мне сделать чтобы фон элементов li был не на всю ширину страницы а лишь до конца строчки текста?

[Джулия]

13 minutes ago, smirn0ff said:

Добрый день!

Имею такой список

на этой странице http://teplogid18.ru/uslugi/montazh-otopleniya.

Как мне сделать чтобы фон элементов li был не на всю ширину страницы а лишь до конца строчки текста?

<ol class="rounded">
   <li><div class="field-content">Консультация по телефону или при личной встрече в офисе;</div></li>
   <li><div class="field-content">Выезд нашего специалиста на объект;</div></li>
</ol>

 

.rounded li .field-content::before {

    background: #fd8026 none repeat scroll 0 0;

    border: 0.3em solid white;

    border-radius: 2em;

    content: counter(li, decimal);

    counter-increment: li;

    font-weight: bold;

    height: 2em;

    left: -1.3em;

    line-height: 2em;

    margin-top: -1.3em;

    position: absolute;

    text-align: center;

    top: 50%;

    transition: all 0.3s ease-out 0s;

    width: 2em;

}

.rounded li .field-content {

    background: #dad2ca none repeat scroll 0 0;

    border-radius: 0.3em;

    color: #121212;

    display: inline-block;

    margin: 0.25em 0;

    padding: 0.4em 0.4em 0.4em 2em;

    position: relative;

    text-decoration: none;

    transition: all 0.3s ease-out 0s;

}

 

Edited March 15, 2017 by Джулия

[Switch74]

оберните текст в li в span и устанавливайте фон для него

есть еще несколько способов, но я бы их не советовал