Centrera text på höjden i div oavsett textstorlek

Det finns lite olika varianter för att centrera en divs innehåll på höjden. Ett exempel är att sätta diven till display:table-cell, för att på så sätt kunna använda sig av vertical-align:middle. Men detta fungerar bättre i Firefox än i IE. Har man däremot bara en rad med text som man inte vet storleken på så är lösningen riktigt enkel. Sätt bara line-height:”Samma värde som diven är hög”.

T.ex. om du har en div som är 200px bred och 75px hög och vill centrera en rad med text oavsett storlek kan man enkelt skriva:
width:200px;
height:75px;
text-align:center;
line-height:75px;

Exempel:

Exempeltext

Lämna ett svar

E-postadressen publiceras inte. Obligatoriska fält är märkta *