# Vertical-align :(

**URL:** <https://forum.kirupa.com/t/vertical-align/202707>\
**Category:** Uncategorized\
**Created:** [October 4, 2006, 4:19am UTC](https://forum.kirupa.com/t/vertical-align/202707 "2006-10-04T04:19:33Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![lorren\_biffin](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/lorren_biffin/32/2726_2.png) [@lorren\_biffin](https://forum.kirupa.com/u/lorren_biffin)\
**Post date:** [October 4, 2006, 4:19am UTC](https://forum.kirupa.com/t/vertical-align/202707/1 "2006-10-04T04:19:33Z")

</div>

I need the text in the header to rest on the bottom of the “inside” header div. why is this not working? Im running WIN XP and FF. I’ve got a meeting with this guy in the morning and i really wanna get some sleep…any help would be much much appreciated…_sigh of despiration_

```auto

<html>
<head>
    <title>LS Commiunications - Catching up with Light Speed</title>
    <style>
    body {
        background-color: #ffffff;
        margin: 0px 0px 0px 0px;
    }
    .headerContainer {
        background: url(images/headerbg01.jpg) bottom repeat-x; 
        width: 100%; 
        height: 106px;
        vertical-align: bottom;
        padding: 10px 0px 4px 0px;
    }
    .headerInside {
        background: url(images/headerbg_inside01.jpg) bottom center no-repeat;
        width: 753px;
        height: 102px;
        vertical-align: bottom;
    }
    .middleContainer {
        background-color: #000000;
        width: 100%; 
        height: 170px;
    }
    .contentContainer {
        background: url(images/contentbg01.jpg) top repeat-x;
        width: 100%; 
        vertical-align: top;
        padding: 8px 0px 8px 0px;
        min-height: 350px;
    }
    .contentInside {
        background: url(images/contentbg_inside01.jpg) top center no-repeat;
        width: 753px;
        height: 102px;
        min-height: 450px;
        padding: 20px 20px 20px 20px;
    }
    </style>
</head>
<body>
<div class="headerContainer"><center>
    <div class="headerInside">
    TEST TEXT
    </div>
</center></div>
<div class="middleContainer"><center>
    TEST TEXT
</center></div>
<div class="contentContainer"><center>
    <div class="contentInside">
    TEST TEXT
    </div>
</center></div>
</body>
</html>

```
