align a div to the bottom of another div

[pancgom29p]

Hi,

I have this problem with the CSS for a site that i am doing. I have a cell within a table. I have assigned a style to this box and got some elements in it using the div tag.

here is how i have set it up

<td class="parent">
<div class = "element1"> junk text </div>
<div class = "element2"> junk text </div>
<div class = "element3"> junk text </div>
<div class = "element4"> junk text </div>
<div class = "element5"> junk text </div>
</td>

What i want is how do i align the last element5 to the bottom of the <td> since all the other 4 elements are aligned to the top of the <td>

some help please.

[wickedsunny]

Hi,

I have this problem with the CSS for a site that i am doing. I have a cell within a table. I have assigned a style to this box and got some elements in it using the div tag.

here is how i have set it up

<td class="parent">
<div class = "element1"> junk text </div>
<div class = "element2"> junk text </div>
<div class = "element3"> junk text </div>
<div class = "element4"> junk text </div>
<div class = "element5"> junk text </div>
</td>

What i want is how do i align the last element5 to the bottom of the <td> since all the other 4 elements are aligned to the top of the <td>

some help please.

hey im sorry im not sure wht u were trying to ask but wht i did understand was that u want to display the last div below the other three. right? for that u can try this code
<td><div class = "element1" style="float:left"> junk text </div>
<div class = "element2" style=" float:left"> junk text </div>
<div class = "element3" style="float:left"> junk text </div>
<div class = "element4" style="float:left"> junk text </div><br />
<div class = "element5"> junk text </div>
</td>