Question

I’m trying to get the hello world div to be at the bottom of the parent div but having no luck. Any ideas?

<ItemTemplate>
    <div style="float: left; padding-right: 0px; width: 98%; width: 170px; height: 490px; overflow: auto; text-align: center; border: 1px solid Black; padding: 0px; margin: auto;">
        <div style="width: 98%; margin: auto; border-bottom: 1px dotted Black; padding: 1px;">
            <asp:Label ID="lblday" Text='<%# Bind("ShortDate") %>' runat="server"></asp:Label>
        </div>
        <div id="PanelDay" style="text-align: left; margin-top: 5px;" runat="server"></div>
        <div id="Div2" style="text-align: left; vertical-align:bottom; margin-top: 5px;" runat="server">
            hello world
        </div>
    </div>
</ItemTemplate>

Answer 1

Two steps:

1. Give your outer div position: relative;
2. Give the “Hello world” div position: absolute; bottom: 5px;

Here’s a working example, with some of your styles cleaned up (I have yet to improve the formatting): http://jsfiddle.net/CqMqx/