文本在上下居中使用display:table-cell

 <div class="text_box">
     <div class="text_box_cell">
      　　 <h3>xxxxxxxx</h3>
          <p>xxxxxxxx/p>
     </div>
 </div>        

　　

.text_box{display: table;width: 100%;}
.text_box_cell{display: table-cell;vertical-align: bottom;}