Blok wyświetlania bez 100% szerokości
Chcę ustawić element zakresu, aby pojawiał się pod innym elementem przy użyciu właściwości wyświetlania. Próbowałem zastosować blok inline, ale bez powodzenia, i doszedłem do wniosku, że mogę użyć bloku, jeśli jakoś udało mi się uniknąć nadania elementowi szerokości 100% (nie chcę, aby element „się rozciągał”). Czy można to zrobić, a jeśli nie, jaka jest dobra praktyka przy rozwiązywaniu tego rodzaju problemów?
Przykład: lista wiadomości, na której chcę ustawić link „czytaj więcej” na końcu każdego posta (uwaga:<a>
zamiast<span>
)
<li>
<span class="date">11/15/2012</span>
<span class="title">Lorem ipsum dolor</span>
<a class="read-more">Read more</a>
</li>
Aktualizacja: rozwiązana. W CSS zastosuj
li {
clear: both;
}
li a {
display: block;
float: left;
clear: both;
}