html 图片底端对齐

css:

.head{ height:50px; line-height:50px;}
.head_title{ padding-left: 15px; font-size:20px; color:#3fbae4;  line-height:35px; display: inline-block; vertical-align: middle;}

html:

<div class="head">
      <span style="vertical-align:text-bottom;"><img src="test.png" /></span>
       <span class="head_title">标题测试</span>
  </div>

vertical-align:middle;

border:0px;

 cursor:pointer;