HTML & CSSur HTML, XHTML & CSS
3 svar · 492 visningar · startad av cocodise
a {display: block; float: left;}
<body>
<div style="background: orange; width: 100%; text-align: center;">
<a href="#" style="background: green;">2</a>
<a href="#" style="background: red;">3</a>
</div>
</body>
hej, vill att mina två anchor ska vara centrerade i div'en. text-align: center funkar inte.. hur göra?
mvh
c
*Bort*
Jag tänkte fel. :(
Förstår inte varför du har den stilen på a-taggarna över huvud taget?
Tar du bort den helt och hållet så blir det ju som du vill ha det.
Det är därför att i CSS så har alla egenskaper olika prioritet, allt beroende på hur och var man skriver dom.
Du har satt textalign center som ärvs ner från diven runt a-taggarna. Men du har specifikt angett att alla a-taggar ska flotas left och eftersom du uttryckligen angett det så är den regeln starkare än den ärvda från diven.
Vill du inte har a-taggar floatade left så föreslår jag att du tar bort det kommandot. Du kan alternativt också sätta float: clear direkt efter backround: green/red vilket kommer att fungera för att den skarpaste CSS-nivån är dom regler som sitter direkt på berörd tag.
MVH HB, med reservation för felaktigheter :)
