---
title: "Centrera text med CSS?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/106201-centrera-text-med-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "KoTTeN"
published: "2004-06-24T21:36:05.000Z"
updated: "2004-06-24T21:59:02.000Z"
replies: 2
views: 572
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/106201-centrera-text-med-css"
---

# Centrera text med CSS?

## #1 — KoTTeN, 2004-06-24T21:36Z

Hej!
Har en div där jag vill få texten att ligga centeret i lodrätt vinkel. Som det är nu placerar sig texten högst upp oavsett om jag lägger till 	vertical-align: middle; i diven. Finns det något annat sätt att fixa detta på? 

Tack på förhand!

Permalänk: https://www.webforum.nu/p/106201

## #2 — jarvklo, 2004-06-24T21:50Z

Hmm

vertical-align funkar bara i två fall...
1) i tabellceller
2) mot "radhöjden" i inline-text.

1) kan du lösa t.ex. genom att köra med display:table-cell såhär:

```
<div style="display:table-cell;height:200px; vertical-align:middle">Foo</div>
```

.. men du kommer ganska snart att se att detta inte funkar i MSIE (såklart :x)

Så alternativ 2 är att ta till fulingen att meka med line-height t.ex. såhär:

```
<div style="line-height:200px; vertical-align:middle">Bar</div>
```

...Vilket är enkelt om man som i mitt exempel har \*en\* rad text men kräver eftertanke och minst en div eller span till om man skall ha radbrytningar med i spelet ;)

Men kan du tänka dig en div eller en span till så kan du t.ex. göra såhär:

```
<div style="line-height:200px; vertical-align:middle">
  <div style="line-height:1em">B<br>a<br>r</div>
</div>
```

om du behöver ha radbrytningar i det som centreras vertikalt enligt alternativ 2 ;)

Permalänk: https://www.webforum.nu/p/1375469

## #3 — KoTTeN, 2004-06-24T21:59Z

Tack Jarvklo!
Den här gången hade jag faktiskt turen att det enbart rör sig om en enda text rad. :)

Permalänk: https://www.webforum.nu/p/1375474

---

Tråden på webben: https://www.webforum.nu/amne/html-css/106201-centrera-text-med-css