I'm tring to create two horizontal bars like the below example using only html and css. I'm using the following code:\[code\]<div style="height: 150px;"> <div style="width: 55px;float:left;"> <div>340.8</div> <div style="background-color:#95111d; height: 75px;"> </div> </div> <div style="width:55px;float:left"> <div>340.8</div> <div style="background-color:#9e9e9e; height: 115px;"> </div> </div> <br style="clear: both" /></div>\[/code\]The problem with this is both bars are sitting at the top of their containing div and not at the bottom so you get the 2nd below images effect.I have some code that will be generating the height of these bars so I can't just add top padding/margin to push them into position. Is there any way to do this without resorting to javascript to calculate a margin and bottom align them?
