Trickkiste - inside / outside

von Fries Websolutions

Listen sind alt, nichts Neues, aber auch unverzichtbar. Denn Enthalten die Aufzählungen längere Texte werden diese bündig hinter dem Listenzeichen dargestellt.

Das muss aber nicht sein, mit list-style: inside reiht sich auch das Listenzeichen (für gewöhnlich ein kleiner, schwarzer Kreis) in den Textblock ein. list-style: inside hebt die Formatierung dann wieder auf.

Der Quellcode:

<style type="text/css">
<!--
ul { list-style: inside; }
-->
</style>

<ul>
<li>längerer Text</li>
<li>längererText</li>
<li>längererText</li>
</ul>