---
title: "Vertical-align"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/55685-vertical-align"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Andy"
published: "2002-10-10T21:13:54.000Z"
updated: "2002-10-11T09:09:38.000Z"
replies: 5
views: 263
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/55685-vertical-align"
---

# Vertical-align

## #1 — Andy, 2002-10-10T21:13Z

har en span-tag med en text i. Har försökt att använda vertical-align för att texten skall hamna i mitten, men det vill inte fungera.

Min span:

\<div class="header"\>LOREM IPSUM\</div\>

Min css:

.header {
	background-color: #8F8B83;
	background-image: url(/new/images/header_bg.jpg);
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 1px;
	text-transform: uppercase;
	height: 33px;
	max-height: 33px;
	overflow: hidden;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-left: 37px;
	
}

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

## #2 — mikkeX, 2002-10-10T22:03Z

I ditt exempel använder du en div, inte span...

Men i alla fall, för att centrera en text i en div använder du 

```
text-align: center;
```

En span kan du inte centrera en text inom då den är ett inline-element (fungerar dock i internet explorer med en transitional doctype - tror inte den fungerar med en strict)

<http://www.w3.org/TR/CSS2/text.html#propdef-text-align>

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

## #3 — Andy, 2002-10-11T07:51Z

Men text-align centrerar väl ett element horisontellt. Jag vill ju att texten i elementet skall centreras vertikalt.

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

## #4 — doggelito, 2002-10-11T08:02Z

vertical-align: middle; :)

/red: center va re

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

## #5 — Andy, 2002-10-11T08:58Z

Har ¨som sagt redan testat med vertical-align...

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

## #6 — Dino, 2002-10-11T09:09Z

Lägg det i en tabell.

```
<html>
<head>
	<title>Untitled</title>
<style>
.header { 
background-color: #8F8B83; 
background-image: url(/new/images/header_bg.jpg); 
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 15px; 
font-weight: bold; 
color: #FFFFFF; 
letter-spacing: 1px; 
text-transform: uppercase; 
height: 33px; 
max-height: 33px; 
overflow: hidden; 
margin-top: 1px; 
margin-bottom: 1px; 
padding-left: 37px; 
}
</style>
</head>
<body>
<div><table class="header"><tr><td>LOREM IPSUM</td></tr></table></div> 
</body>
</html>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/55685-vertical-align
