---
title: "Vertical align på text.."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/116092-vertical-align-på-text"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "LOOlau"
published: "2004-11-17T11:21:02.000Z"
updated: "2004-11-17T16:47:17.000Z"
replies: 3
views: 370
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/116092-vertical-align-på-text"
---

# Vertical align på text..

## #1 — LOOlau, 2004-11-17T11:21Z

hej
Vill centrera text i en li tagg.. Vertical-align:middle; verkar inte fungera, och text-align verkar inte kunna centrera den vertikalt (funkar doc utmärkt att centrera horisontellt)..

tacksam för hjälp..

/LOOlau

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

## #2 — Palle, 2004-11-17T11:29Z

Ligger den inte centrerat verikalt per *default* har du förmodligen pillat med något attribut redan. ;)

Har du någon relevant uri/kod som du kan visa som kanske underlättar felsökandet?

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

## #3 — jarvklo, 2004-11-17T11:51Z

Hmm...

text-align kan, som du märkt, inte centrera vertikalt per definition.

vertical-align funkar inte för innehållet i en \<li\> (den funkar bara i tabellceller och mot radhöjden i "inline text" - Läs mer i <http://www.webforum.nu/showthread.php?s=&postid=870936#post870936> ;) )

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

## #4 — LOOlau, 2004-11-17T16:47Z

la in en table i li taggen, men den blev inte centrerad i alla fall... Hmm för visst är tables vertikalt centrerade default eller har ja helt fel?

Listan är i alla fall en meny som fäller ut sig med hjälp av ett javascript... hittade den på nätet men kommer inte ihåg url doc. I alla fall problemet kvarstår.. att vertikalt centrera texten...

Den första li har jag testat med en table, men det verkar inte fungera speciellt bra, den alignar top ser det ut som i alla fall.

testade med att skriva i td:n "style='vertical-align:middle;'" men gjorde inget, sätter ja border på td:n så fyller den ut hela li så det är inte att td:n är för liten så den inte kan centreras..

```
<div id='holdm'><ul id='nav'>
	
	<li class='lvl1'>
	
	<table cellspacing=0 cellpadding=0><tr><td><a HREF='?'>blablabla</a></td></tr></table>
	
		<ul>
			<li><a HREF='?menuID=17'>blabla</a></li>
			<li class='lvl2'><a HREF='?menuID=16'>blabla</a>
				<ul>
					<li>blablabla</li>
					<li>blabla</li>
					<li><a HREF='?menuID=41'>blabla</a></li>
				</ul>
			</li>
		
			<li class='lvl2'><a HREF='?menuID=19'>blabla</a>
				<ul>
					<li><a HREF='?menuID=47'>blabla</a></li>
					<li><a HREF='?menuID=45'>blabla</a></li>
					<li>blabla</li>
					<li><a HREF='?menuID=43'>blabla</a></li>
					<li><a HREF='?menuID=42'>blabla</a></li>
				</ul>
			</li>
			
			<li><a HREF='?menuID=21'>blabla</a></li>
			<li><a HREF='?menuID=22'>blabla</a></li>
			<li><a HREF='?menuID=23'>blabla</a></li>
			<li><a HREF='?menuID=20'>blabla</a></li>
			<li><a HREF='?menuID=18'>blabla</a></li>
			<li><a HREF='?menuID=24'>blabla</a></li>
			
		</ul>
	</li>
	
	<li class='lvl1'><a href=?>blabla</a>
		<ul>
			<li class='lvl2'><a href='?'>blabla</a>
				<ul>
					<li><font>blabla</font></li>
					<li><a href='?'>blabla</a></li>
					<li><font>blabla</font></li>
					<li><font>blabla</font></li>		
				</ul>
			</li>
			<li class='lvl2'><a href='?'>blabla</a>
				<ul>
					<li><font>blabla</font></li>
					<li><font>blabla</font></li>
					<li><font>blabla</font></li>
				</ul>
			</li>
			
			<li class='lvl2'><font>blabla</font>
				<ul>
					<li><font><blabla</font></li>
					<li><font><blabla</font></li>
					<li><font><blabla</font></li>
				</ul>
			</li>
			<li><font>blabla</font></li>
			<li><font>blabla</font></li>
			<li><font>blabla</font></li>
			<li><font>blabla</font></li>
			<li><a HREF='?menuID=30'>blabla</a></li>
			<li><font>blabla</font></li>
		</ul>
	</li>
	
	<li class='lvl1'><font>blabla</font>
		<ul>
				<li class='lvl2'><font>blabla</font>
					<ul>
						<li><a href='?'>blabla</a></li>
						<li><font>blabla</font></li>
						<li><font>Blärp!</font></li>
						<li><font>Omg!</font></li>
					</ul>			
				</li>
				
			<li><font>blabla</font></li>
			<li><font>blabla</font></li>
			<li><font>blabla</font></li>
			<li><font>blabla</font></li>
			<li><font>blabla</font></li>
			<li><font>blabla</font></li>
			<li><font>blabla</font></li>
		</ul>
	</li>
	
	<li class='lvl1'><font>blabla</font>
		<ul>
			<li class='lvl2'><a HREF='?menuID=12'>blabla</a>
				<ul>
					<li><a HREF='?menuID=10'>blabla</a></li>
					<li><a HREF='?menuID=14'>blabla</a></li>
				</ul>
			</li>
			<li>blabla</li>
			<li><a HREF='?menuID=10'>blabla</a></li>
			<li><a HREF='?menuID=14'>blabla</a></li>
		</ul>
	</li>
	<li><font>blabla</font></li>

</ul>
</div>
```

Tack för dom snabba svaren!

Bör tilläggas att jag inte är någon guru på css... (eller kanske är uppenbart)  :e
/LOOau

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

---

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