UL / LI og indent?

Mit eget forslag er for øvrigt at lave LI elementerne som DIV i stedet, og så bruge text-indent på denne og en background-image med top left og no-repeat med et billede der ligner prikken.

Hvis du laver det med:

<ul>
<li>Bla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla bla</li>
<li>Bla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla bla</li>
</ul>

Så vil den jo lave korrekt indent på ny linje når indholdet går over sine grænser. (i hverfald i chrome og internet explorer)

@heinzdmx

Mit problem er jo netop at jeg vil undgå indent på de nye linjer. Teksten på linje to skal altså starte under prikken og ikke under teksten i første linje.

Jeg kom til et sted hvor man gør følgende:

<style type="text/css">
ul, ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul li {
    background-image: url(bullet.gif); /* Replace bullet.gif with your img */
    background-position: left center; /* Position bullet */
    background-repeat: no-repeat;
    padding-left: 10px; /* Add padding so text doesn't cover bullet img */
}
</style>

<ul>
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
</ul>

Det der bliver gjort er at sige at li ikke skal stilles som liste form, og i css defineres så at den skal starte med et billede "bullet.gif"

Det gør vel i teorien præcis det samme som jeg gør med mine div bokse, men det var da smart at bibeholde li elementerne.

Tak for forslaget.

Vi lader den lige stå til kl. 23, og ser om der kommer noget bedre, men du kan godt ligge et svar, for lidt af pointene skal du da have for idéen.

Ja det er nogenlunde det samme, bortset fra at det li elementerne bliver beholdt så det skaber lidt overblik

Lukket og slukket, tak for hjælpen heinzdmx :)

Hvis man vil have et helt eksakt layout på alle browsere, så er HTML måske slet ikke den rette teknologi.

Flash, SIlverLight, Java applet etc. er gode til den slags.