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.

  • Die ist ein längerer Text, der als Muster dient.
  • Die ist ein längerer Text, der als Muster dient.
  • Die ist ein längerer Text, der als Muster dient.

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>

 
   Anzeigen

Navigation:    Webdesign - Programmierung - Web Grafiken - Software Guides - Tools - Templates - Schriftarten - Seminare - IT News
Partner:   Template OK - PCopen - SITEopen - PCopen Schweiz - HTMLopen Schweiz - VirtualUniversity.ch - WEB-SET.com - YesMMS - Job und Karriere