<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 <title>Positionierung Listensymbol - Cascading Style Sheets - Workshop Internet-Pr&auml;senz</title>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <meta http-equiv="Content-Language" content="DE" />
 <meta http-equiv="Content-Style-Type" content="text/css" />

 <meta name="description" content="&Uuml;bung Cascading Style Sheet. Positionierung Listensymbol." />
 <meta name="keywords" content="HTML, Cascading Style Sheet, CSS, Listensymbol, Liste" />
 <meta name="author" content="Dr. Roland Unger" />

 <style type="text/css">
 <!--

  .outside {
     list-style-position: outside;
  }

  .inside {
     list-style-position: inside;
  }

 -->
 </style>
</head>

<body>

<h2>Workshop Internet-Präsenz</h2>

<h3>Positionierung Listensymbol - Cascading Style Sheet</h3>

<p>Mit list-style-position bestimmen Sie das
Einrückungsverhalten. Es gibt zwei mögliche
Werte: <em>inside</em> (eingerückt) und
<em>outside</em> (ausgerückt). Zuerst ein
Beispiel für Einrückung…</p>

<ul class="inside">
 <li>Erster Eintrag<br /></li>
 <li>Zweiter Eintrag<br /></li>
 <li>Dritter Eintrag<br /></li>
</ul>

<p>… und ein Beispiel für Ausrückung:</p>

<ul class="outside">
 <li>Erster Eintrag<br /></li>
 <li>Zweiter Eintrag<br /></li>
 <li>Dritter Eintrag<br /></li>
</ul>

</body>
</html>