Я хочу, чтобы элемент span появлялся под другим элементом, используя свойство display. Я попытался применить встроенный блок, но безуспешно, и решил, что могу использовать блок, если мне как-то удалось избежать предоставления элемента шириной 100% (я не хочу, чтобы элемент "растягивался" ). Можно ли это сделать, а если нет, то какая хорошая практика для решения этой проблемы?
Пример: список новостей, где я хочу установить ссылку "читать больше" в конце каждого сообщения (примечание: <a>
вместо <span>
)
<li>
<span class="date">11/15/2012</span>
<span class="title">Lorem ipsum dolor</span>
<a class="read-more">Read more</a>
</li>
Обновление: Решено. В CSS примените
li {
clear: both;
}
li a {
display: block;
float: left;
clear: both;
}