---
title: "Centrerad text (CSS)"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/96701-centrerad-text-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Hellpig"
published: "2004-02-06T10:55:44.000Z"
updated: "2004-02-06T12:38:39.000Z"
replies: 6
views: 403
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/96701-centrerad-text-css"
---

# Centrerad text (CSS)

## #1 — Hellpig, 2004-02-06T10:55Z

En CSSfil som jag har gjort har med följande formatering av text:

.minikursivtext {font-family:'Verdana', sans-serif; font-style:italic; font-size:8pt; text-align: center}

Jag använder Dreanweaver för att skapa sidorna och när jag jag använder ovanstående i ett dokument så blir texten centrerad som den skall bli. Men när jag kollar på samma dokument i Internet Explorer så är den inte centrerad (men i övrigt är texten Verdana/kursiv med storlek 8). Någon som kan förklara för mig varför det inte funkar i IE?

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

## #2 — Martin_almighty, 2004-02-06T11:00Z

Välkommen till wF :e (har alltid velat skriva sådär)

Ska det inte se ut så här? 

```
.minikursivtext {font-family:Verdana, sans-serif; font-style:italic; font-size:8pt; text-align: center;}
```

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

## #3 — Web-Tor, 2004-02-06T11:13Z

På vilken tagg använder du *.minikursivtext*?

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

## #4 — Hellpig, 2004-02-06T12:06Z

Ser ut så här (rem: funkar i Dreamweaver men inte i IE... :):

\<span class="minikursivtext"\>F.B.B.L. &copy; AEMP 2004 - Alla r&auml;ttigheter 
  f&ouml;rbeh&aring;llna.\</span\>\<span class="kursivtext"\> \</span\> \</p\>

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

## #5 — PepeJeria, 2004-02-06T12:15Z

Den blir inte centrerad av den anledningen att det inte finns något utrymme för den att bli det på. 
En span är iofs ett s.k inline element (element som endast kan innehålla text och andra inline elements) som inte kan ha någon width eller height. 
Vet inte exakt vad du vill göra, men det skulle underlätta lite om du skickade länk eller så.

text-align använder man på block elements (element som har width:100% som default + en "radmatning" i slutet) för att centrera texten:
<http://www.w3.org/TR/CSS2/text.html#alignment-prop>

Som sagt, det beror på vad du vill uppnå.

Jag suger på förklara saker, så fråga gärna igen...

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

## #6 — Web-Tor, 2004-02-06T12:17Z

Byt ut \<span\>-taggen mot en \<div\>-tagg eller lägg till det här i din CSS-class: *display: block;* :)

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

## #7 — Hellpig, 2004-02-06T12:38Z

\<div\> fungerade ju utmärkt. Jag är -som ni märkt- ingen CSS-expert och hade ingen aning om det här. Tack till PepeJeri & Web-Tor för att ni lärde mig något nytt idag! ;)

/Magnus - aka Hellpig

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/96701-centrerad-text-css