✔ Listenelement ul Textfluss anpassen.

[tequila slammer]

Hallo Forum,

ich habe das Problem, dass die führende Punkte meiner Listenelemente ausserhalb des Textflusses sind. Beispiel:

text text
text wort usw.

- listenelement

Da ich wollte, das es auch gleich etwas eingerückt ist habe ich folgende Formatierung versucht.

#content p {
   margin: 0;
   padding: 10px 5px 0px 10px;
}

#content p ul {
   margin: 0;
   padding: 10px 5px 0px 10px;
}

Leider funktioniert das nicht. Obwohl es laut meinem Buch möglich sein sollte.
Kann mir da einer helfen?

 

[Maik]

Hi,

dem Selektor #content p ul zufolge müsste der dazugehörige HTML-Code so lauten:

<div id="content">
    <p>
        <ul>
              <li>...</li>
              <li>...</li>
        </ul>
    </p>
</div>

und ist in dieser Form nicht valide, da das p-Element keine Block-Elemente, wie z.B. das ul-Element, sondern nur Inline-Elemente enthalten darf.

Vielleicht stellst du dir das ja so vor?

#content p, #content ul {
   margin: 0;
   padding: 10px 5px 0px 10px;
}

#content ul {
list-style-position: inside;
}

<div id="content">
    <p>...</p>
    <ul>
         <li>...</li>
         <li>...</li>
    </ul>
</div>

 

[tequila slammer]

Danke dir. Genau so habe ich mir das vorgestellt und dann klappt es auch mit den rechtfloatenden Bildern.