``` CSS: ``` #math { float:left; } #mathFirst { float:left; padding:20px 10px 10px 10px;} #mathSec { float:left; padding:20px 10px 10px 10px; } #mathThird { clear:left; float:left; padding:30px 0px 0px 0px; } .task { float:left; padding:0px 10px 0px 10px; text-align:center; } .feature{ padding: 0px 0px 10px 10px; font-size: 75%; min-height: 200px; height: 200px; } #content{ padding: 0px 10px 0px 0px; margin:0px 0px 0px 178px; border-left: 1px solid #ccd2d2; } ``` Jag har kollat med borders att texten verkligen ej är centrerad. Jag har ingen annan text-align. Jag har testat att lägga in "text-align:center" i h3, #mathThird och .task men det funkar inte. Det funkar när jag lägger in "text-align:center" i #math och .feature. Varför funkar det inte för de andra??? Vill inte ha centrerat för allt i divarna #math eller .feature. Mycket tacksam för hjälp! Permalänk: https://www.webforum.nu/p/166368 ## #2 — Danne V, 2007-11-14T13:37Z Har du testa i olika läsare? Vad har du för Doctype? Blir det bättre om du skriver så här: ``` .task { float:left; padding:0px 10px 0px 10px; text-align:center!important; } ``` Permalänk: https://www.webforum.nu/p/2051560 ## #3 — headbug, 2007-11-14T14:43Z Det beror på att du har floatat. En snabbfix är att ta bort float: left i #mathThird, så blir det fint. Permalänk: https://www.webforum.nu/p/2051573 ## #4 — Schmoo2, 2007-11-14T15:52Z Jag har ``` ``` headbug: Det fungerade när jag tog bort float: left i #mathThird. Men kan du förklara varför? Jag använder float för att placera div:arna på ett visst sätt. Om jag velat ha en div till höger om #mathThird så hade jag behövt float:left för den. Danne V: text-align:center!important fungerar ej. Vad innebär !important? Permalänk: https://www.webforum.nu/p/2051590 ## #5 — Danne V, 2007-11-14T17:23Z > **Schmoo2 skrev:** > > Jag har > > ``` > > ``` > > > > headbug: Det fungerade när jag tog bort float: left i #mathThird. Men kan du förklara varför? > Jag använder float för att placera div:arna på ett visst sätt. Om jag velat ha en div till höger om #mathThird så hade jag behövt float:left för den. > > Danne V: text-align:center!important fungerar ej. Vad innebär !important? Bra att det funkade. Fattar själv inte varför en float i den omslutande divven påverkade text-align, men det kan nog headbug förklara. "!important" efter ett attribut gör att det bl.a. övertrumfar eventuellt ärvda attribut från andra element som egentligen skulle vara "starkare". Permalänk: https://www.webforum.nu/p/2051595 --- Tråden på webben: https://www.webforum.nu/amne/html-css/166368-centrerar-ej-innehållet-trots-text-align-center

1

+

3

=