Gå til innhold

midtstilling av tekst i css


Anbefalte innlegg

Har et problem. Se på overskriften på denne siden: http://www.dikemarkrideskole.no/dike/ridetimer.html Vil ha den i midten av cella, dvs litt ned, men får det ikke til i css. Noen forslag?

 

Html:

 

<div id="overskrift">

<h2 align="center">RIDETIMER</h2>

</div>

 

css:

 

#overskrift {

margin-left: 15px;

margin-top: 20px;

}

 

h2 {

width: 640px;

height: 50px;

font-weight: bold;

font-size: 25px;

border: 2px solid #000;

background-color: #FFCC33;

font-family: Georgia, verdana;

}

Lenke til kommentar
Videoannonse
Annonse

CSS har bare evnen til å midtstille en tekst vertikalt i en tabellcelle, så det du må gjøre er å sette lik verdi på margin-top og margin-bottom til h2, som Jørgen viser.

 

Bruk forresten CSS-egenskapen text-align: center;h2 i stedet for å bruke HTML-attributen align, så mye CSS som mulig er foretrukket.

 

(Hm, har ikke forumet støtte for abbr? :D)

Endret av satyrium
Lenke til kommentar

Det beste er vel å la være å sette height på den h2'en. Så kunne du heller bare sagt padding: 10px 0; f.eks. Da vil teksten som er sentrerert i h2'en få like mye rom over seg som under. Du trenger vel egentlig ikke nevne width på h2'en heller, siden denne fyller bredden automatisk. (Hvis det ikke er noe annet jeg har blingset på)

Lenke til kommentar
Det beste er vel å la være å sette height på den h2'en. Så kunne du heller bare sagt padding: 10px 0; f.eks. Da vil teksten som er sentrerert i h2'en få like mye rom over seg som under. Du trenger vel egentlig ikke nevne width på h2'en heller, siden denne fyller bredden automatisk. (Hvis det ikke er noe annet jeg har blingset på)

:yes:

Lenke til kommentar

Bli med i samtalen

Du kan publisere innhold nå og registrere deg senere. Hvis du har en konto, logg inn nå for å poste med kontoen din.

Gjest
Skriv svar til emnet...

×   Du har limt inn tekst med formatering.   Lim inn uten formatering i stedet

  Du kan kun bruke opp til 75 smilefjes.

×   Lenken din har blitt bygget inn på siden automatisk.   Vis som en ordinær lenke i stedet

×   Tidligere tekst har blitt gjenopprettet.   Tøm tekstverktøy

×   Du kan ikke lime inn bilder direkte. Last opp eller legg inn bilder fra URL.

Laster...
×
×
  • Opprett ny...