Я хочу, чтобы элемент span отображался под другим элементом, используя свойство display. Я попытался применить inline-block, но безуспешно, и решил, что смогу использовать block, если мне каким-то образом удастся избежать задания ширины элемента 100% (я не хочу, чтобы элемент растягивался). Может ли это быть сделано или нет, какова хорошая практика для решения такого рода проблем?

Пример: список новостей, в котором я хочу установить & quot; читать дальше & quot; ссылка в конце каждого поста (примечание:<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;
}