Radbrytning i <li>

Nej, inte på nåt sätt jag kan komma på.
Det man kan göra är sidbrytningar efter eller före ett visst element på sidan. Det kan vara användbart vid utskrifter av html-sidor.

Du kanske man laborera med marginaler, eller word-spacing för att påtvinga en radbrytning.

Försökte sätta width på <li> men det vekar inte fungera?

Vad är det du försöker åstadkomma?

jag har en meny och i den menyn vill jag ha radbrytning mellan 2 ord. Försökte sätta en width på li så att man tvingar den att köra ut skiten på 2 rader

http://member.webforum.nu/1029/mage.htm

li med width och li utan

mv icaaq

<li><span>foo</span> <span>bar</span></li>

li span { display:block; }

icaaq skrev:

http://member.webforum.nu/1029/mage.htm

li med width och li utan

mv icaaq

Jag skulle vilja ha en width på li istället för att sätta det på hela listan, alltså på varje element eftersom jag har en menyn som är 780px lång. Tror jag får lösa det på ett annat sätt i koden som skapar menyn

Nu har jag skapat ett <br> i varje <li>. Dock skiter det sig totalt :)
display:inline på li blir inte alls bra .. bifogar en fil för att visa vad jag menar... Vad jag vill åstadkomma är alltså en horisontell navigering. http://member.webforum.nu/6596/li.htm

Har du provat zcorpans förslag?

mv icaaq

Japps får inte alls det resultatet jag önskar blir som i den filen hänvisade till i mitt förra inlägg

Har uppdaterat filen nu enligt zcorpans förslag

tabort

[red]
display: inline;
[/red]

och lägg till

[red]
float: left;
[/red]

mv icaaq

Precis så vill jag ha det :) ... Tack icaaq

Glöm dock inte att sätta en width på din ul om du vill att det ska se likadant ut i Opera ;)

mv icaaq

hehe okay ... de e skit de där med alla webbläsare

(Om nu webbläsare hade varit lite bättre på CSS2 kunde du använt display:inline-block istället, men så vitt jag vet är det bara Opera (och kanske Safari också, kom inte ihåg) som klarar av det. Men float:left fungerar ju i det här fallet så. ;))