# How do i vertically align text inside of a div

**URL:** <https://forum.kirupa.com/t/how-do-i-vertically-align-text-inside-of-a-div/122607>\
**Category:** Uncategorized\
**Created:** [September 15, 2004, 7:53am UTC](https://forum.kirupa.com/t/how-do-i-vertically-align-text-inside-of-a-div/122607 "2004-09-15T07:53:15Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![GOLGO\_13](https://avatars.discourse-cdn.com/v4/letter/g/e47c2d/32.png) [@GOLGO\_13](https://forum.kirupa.com/u/GOLGO_13)\
**Post date:** [September 15, 2004, 7:53am UTC](https://forum.kirupa.com/t/how-do-i-vertically-align-text-inside-of-a-div/122607/1 "2004-09-15T07:53:15Z")

</div>

okay… i _think_ this should be an easy one! i’ve got a “navigation bar” at the top of my page, which is a large div tag, with two smaller divs inside.

_ **"logo"** _ div contains a logo, and _ **"navigation"** _ contains text navigation links. the size of the nav bar is set to 40px in hieght. the logo is 39px high. [color=red] **i want the navigation text links to sit at the very bottom of the 40px high div. how do i do that?**  
[/color]  
i’ve seen and tried various attributes _(align bottom, baseline)_ , but they dont seem to be working the way i want - with those, for some reason the text just ends up in the middle of the div…:h:

here’s the code i’ve got so far that ISNT working right:

```auto
 div.navigation { 
border:none;
min-height: 39px;
margin-left: 10px;
line-height: 39px; 
font-size: 8pt; 
vertical-align: bottom; 
float:left;
display:inline;/* ie double margin fix*/
}

```

```auto

 

	 [img]http://www.kirupaforum.com/forums/logo.gif[/img]

	 

	 news 
	 projects 
	 about 
	 info 
	 contact 
	 recent 
	 links 
		

 

```

what am i doing wrong? i’m no CSS master, thats for sure, so maybe there’s just something wrong in my code i dont see!

**thanks for any help!**