图片与文字的排版比例要遵循黄金分割原理1：0.618黄金分割比是我们很早的时候就有学习到的，这也是目前在世界范围内都公认的最好构图比例，黄金分割率的页面比例可以给人带来视觉上的美感。这个是css图文混排的关键核心。
图文混排是版式设计中最常见的情况，图片与文字在传达版面信息上具有不同的特点，图片在视觉传达上可以辅助文字。
<div style="line-height: ..."><span class="icon“>小图标</span>
<input .... class="input" />
</div>
css:
.icon {
display: inline-block
...//设置大小
}
如果不能居中，可以分别微调一下
下面图片高度固定为68，如果你设置li宽度100那么就多出32像素。三亚这两个字不超过32像素，就排在一行。
要么在图片下面加个换行
要么把图片宽设为100%
