Li Navigation mit Text einrücken !

Sway18

Guten Tag liebe Nutzer ,

Ich hab eine Frage , Wie kann ich mit einer UL und LI Liste Texte einrücken so das es untereinander gestaffelt ist . Ich zeige es euch mit einen Beispiel wie ich es gerne haben möchte !!!

<h1> Produkte und Kernkompetenzen </h1>

<ul>
<li> Text Text TEXT</li>
<li> *Das Auflistungszeichen soll dann unter der Überschrift sein* Text Text TEXT Text Text TEXT Text Text TEXT</li>
und der Text der dann in der Box nicht mehr passt soll dann sich nicht unter den Aufzählungspunkt setzen sondern direkt unter den 1 Buchstaben nach dem Zeichen*

Wäre Super wenn jemand dafür die Lösung hätte

Gruß Sway18

P.S . Die Überschrift hab ich leider falsch benannt !!

Es hat rein nix mit einer Navigation zu tun sondern eine Auflistung mit Text !!!

Mülla

Moin,

hast du schon probiert für ul und li die Innen- und Außenabstände auf 0 zu setzen? Wenn ich dich richtig verstehe sollen die automatischen Einrückungen verschwinden?

djheke

Oder so ?

Code

div , div ul , div h1 , div p {
 margin:0;
 padding:0;
}


div ul  {
 padding-left:48px;
}


div li {
 margin-bottom:2px;
}


div h1 , div p {
 margin-bottom:16px;
 padding-left:32px;
}


div p {
 margin-top:16px;
}


<div>
<h1> Produkte und Kernkompetenzen </h1>
<ul>
<li> Text Text TEXT</li>
<li> *Das Auflistungszeichen soll dann unter der Überschrift sein* Text Text TEXT Text Text TEXT Text Text TEXT</li>
<li>und der Text der dann in der Box nicht mehr passt soll dann sich nicht unter den Aufzählungspunkt setzen sondern direkt unter den 1 Buchstaben nach dem Zeichen*</li>
</ul>


<p>ICH BIN KKEINE LISTE </p>
</div>

Alles anzeigen

Sway18

HEhe passt schon habs nun mit einer Tabelle gelöst

Bandit

Zitat von Sway18

habs nun mit einer Tabelle gelöst

Und somit die schlechteste Lösung gewählt

Tags