On 21 Jan 2007 23:59:07 -0800, "Thomas" <tmorch@gmail.com> wrote:
>Hvordan laver man centrering / højrestilling i css?
>
>Hvis jeg har noget lignende følgende i min html :
><div class="TopNav">
> <span class="TopNavLeft">left</span>
> <span class="TopNavCenter">Center</span>
> <span class="TopNavRight">Right</span>
></div>
>
>hvordan skal css så skrives, for at få dem placeret venstre, center
>og højre, på samme linje?
>syntes jeg har prøvet med text-align etc. men uden held..
Det kan du i princippet ikke. <span> er et inline-element og
text-align kan kun bruges på block-elementer.
Det du i stedet kan gøre er fx at float'e 3 block-elementer og så
text-align'e dem hver især. Det forudsætter, at du giver dem en bredde
- fx:
<div class="TopNav">
<p class="TopNavLeft">left</p>
<p class="TopNavCenter">Center</p>
<p class="TopNavRight">Right</p>
</div>
Og CSS:
..TopNav {
margin:0;
padding:0;
}
p.TopNavLeft {
width:25%;
text-align:left;
float:left;
}
p.TopNavCenter {
width:50%;
text-align:center;
float:left;
}
p.TopNavRight {
width:25%;
text-align:right;
float:left;
}
Good luck!
--
Jørn Andersen,
Brønshøj