Позиционирование диапазона в пределах li

107
3

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


heres код im, использующий..


HTML


<ul class="price-features">
<li><span>One page website with contact form</span></li>
<li><span>Social Media Integration</span></li>
<li><span>One year hosting + Domain registration</span></li>
</ul>

CSS


 .price-features{
margin-top:30px;
}

.price-features li{
background-image:url(/images/prices/orange-arrow.png);
background-repeat:no-repeat;
background-position:left;
padding-left:15px;
height:30px;
border-bottom:#999 1px solid;
background-color:#996;
}

.price-features li span{
padding-top:5px;
}


http://i.stack.imgur.com/rV1LM.png

спросил(а) 2021-01-25T22:40:29+03:00 4 месяца, 4 недели назад
1
Решение
117

Заполнение влияет только на элементы уровня блока. Вам нужно либо изменить свой span на элемент уровня блока, либо переопределить значение по умолчанию display как block или inline-block.

.price-features li span{
display: block;
padding-top:5px;
}

ответил(а) 2021-01-25T22:40:29+03:00 4 месяца, 4 недели назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема