select.js 图片与文字怎么垂直居中对齐?

Question

有个bootstrap.select.js 的列表框插件，怎么能让图片与文字他们垂直居中对齐。

<select class="form-control selectpicker" id="identity">
  <option data-content="<img src='/static/assets/images/zh.png' width='32' height='32' /><span  >简体中文</span>"></option>
  <option data-content="<img src='/static/assets/images/usa.png' width='32' height='32' />English"></option>
</select>

jquery
bootstrap
bootstrap-select.js
bootstrap-select.css
bootstrap.css

我让文字用span包起来试了一下，padding-top，不行啊，图片也跟着动。<span style="padding-top:10px;">简体中文</span>

网上找了好几种方法，貌似都不可以。到我这里就不灵了。谁有好办法，教教我呗！

Answer 1

<select class="form-control selectpicker" id="identity">
  <option data-content="<img src='/static/assets/images/zh.png' width='32' height='32' /><span style='vertical-align: middle;'>简体中文</span>"></option>
  <option data-content="<img src='/static/assets/images/usa.png' width='32' height='32' /><span style='vertical-align: middle;'>English</span>"></option>
</select>