Aligning av tekst på samme linje

[Mads-b]

Sitter og knoter med en side jeg lager for skolen min.. På bunnen skal en enkelt linje ha tekst alignet til høyre, venstre og midtstilt. Her er den nåværende koden:

<p>... <span class="center">...</span><span class="right">...</span></p>

.right {
text-align:right;
position:relative;
}

.center {
text-align:center;
}

Det funker hvis jeg bruker p istedenfor span men da hopper alt ned en linje per <p>

Noen som ser hva som er galt?

[Haraldson]

Span er et inline-dokument, noe som betyr at et slikt element legger seg på samme tekstlinje som tekst og lignende, mens p er blokkelement, noe som betyr at den automatisk legger til et linjeskift og begynner på neste linje.

 

display:inline; på p-elementet som skal ligge til høyre skulle være tilstrekkelig.

Endret 6. januar 2005 av Mr.Berg

[Mads-b]

Det funker dårlig. Må ha noe å gjøre med oppsettet av HTML koden min..

<p>---</p><p class="center">---</p><p class="right">---</p>

Klarer fremdeles ikke å se hva som er galt..

Endret 6. januar 2005 av MBaardsgaard

[Haraldson]

Vel, om du skal ha den høyrestilte teksten én linje nedenfor, er det ikke verre enn å sette margin:0; på p-ene, i alle fall under på den øverste og over på den nederste...

[Mads-b]

Det er det jeg ikke skal ha.. Alt skal være på en enkelt linje

[Haraldson]

Sett fast bredde på center og right, og float de til høyre og venstre?

 

Bah, dårlig forslag. Da vil jo right komme øverst.

 

 

Det skal for øvrig funke fint med span, mener jeg.

Bah, lenge siden jeg dreiv med slikt nå.

Endret 6. januar 2005 av Mr.Berg

[Mads-b]

Har fremdeles problemet at hver p flytter teksten ved siden av en linje ned. De er loddrett posisjonert riktig men de er ikke i "vater" hvis du skjønner hva jeg mener..

 

Løste alt på en hårete måte isteden..

 

 

.right { float:right; margin-top:-20px; }
.left { float:left; }
.center { text-align:center; }

<p class="left">tekst tekst tekst</p><p class="center">Tekst tekst</p><p class="right">Mer tekst mer tekst</p>

Endret 6. januar 2005 av MBaardsgaard