<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> div.main { position: relative; background: #ccc; width: 400px; height: 600px; } div.main div.bottom { background: #33C; } div.main div.bottom_left { position:absolute; bottom:0; width: 200px; background: #1CC; } div.main div.bottom_right { position:absolute; bottom:0; width: 200px; margin-left: 200px; background: red; } </style> </head> <body> <div class="main"> <div class="bottom"> <div class="bottom_left">aaa</div> <div class="bottom_right">1<br/>2<br/>3</div> </div> </div> </body> </html>