Как вертикальное выравнивание в div?

Question

Я не знаю, как выровнять текст, который в настоящее время находится в верхнем левом углу заголовка, чтобы он отображался в нижнем . Любой совет будет весьма признателен:

Это как кажется на данный момент:

Это, как я хочу, чтобы это выглядело:

Это код Я до сих пор:

 <div id="header_container"> 
      <div id="subheader-left" style="float:left; width:50%; text-align:left">chilun liu</div> 
       <div id="subheader-right" style="float:right; width:50%; text-align:right"> 
    <!-- the Social Network's images --> 
       </div>   
      </div> 
     </div> 

Answer 1

попробуйте,

#subheader-left { position: absolute; bottom: 0; left: 0; } 

Answer 2

Добавить это в существующий CSS

#subheader-left,#subheader-right{ 
display:table-cell; 
vertical-align:bottom 
} 

Side Примечание: Это решение поддерживается IE8 и выше ...

Кроме того

style="border:none; width="40" height="40" 

должен быть

style="border:none; width:40px; height:40px" 
         /* ^^ no "=" sign or quotes,instead, 
         semi colon and values only */