положить нижнюю границу под точкой пули

Я хочу, чтобы мой последний список имел подчеркивание, которое проходит вплоть до левого поля, а не только там, где начинается контент. Я попытался использовать «list-style-position: inside;» , но все, что он делает, - это переместить маркер вправо, он не перемещает подчеркивание влево. Кто-нибудь поможет?положить нижнюю границу под точкой пули

<li class="end">content</li> 

.end{ 
border-bottom:1px solid black; 
margin-bottom:-1px;}

источник

2013-08-31 Kevin

Я делаю резюме в Интернете, и я хочу, чтобы отдельные секции (опыт деятельности), но когда я ставлю нижнюю границу под моей последней точки пули, он начинает границы в первая буква, а не левая сторона поля. – Kevin

Как я мог это сделать? Я сам себя обучаю код из кодакадемии, и я чрезвычайно новичок ... извините! – Kevin

Вы можете просто указать <ul> на границе: Demo here.

ul { 
border-bottom:5px solid black; 
}

Другой вариант ..

В отличие от просто давая последний пункт списка нижнюю границу, вы можете просто поместить <hr> исходя из списка. Выполняя это, вы избегаете первоначальной проблемы с маржей.

Пример для этого, here. Это лучше вариант ..

источник

2013-08-31 18:47:50

Если вы хотите, чтобы подчеркнуть ваши пули, это будет сделать это:

ul li { 
    list-style:none; 
    border-bottom: #000 solid 1px; 
} 

ul li:before { 
    content: '\2022'; 
    padding-right: 20px; 
}

Вот jsfiddle с кодом

EDIT Если вы хотите, чтобы подчеркнуть в этом списке:

ul { 
    border-bottom: #000 solid 1px; 
}

Вот jsfiddle с кодом

источник

2013-08-31 18:30:03

положить нижнюю границу под точкой пули

ответ

Смежные вопросы