html让同一行的文字和图片居中对齐显示

实现方法:css属性->vertical-align:middle

给行内的每个内容标签都加上这个属性（注：改属性只对行内元素起作用，如果不是行内元素要加上diaplay:inline-block）；

实现效果如图：（rem布局）

<div class="satisDiv span12 borderB pad10px h44"><span class="fs028rem ">满意度:</span><span class="ml030rem fs028rem">十分满意</span><img class="ml020rem" data-rateLevel="1" src="images/applicationForCar/unchooseico.png" width="16px;"><span class="ml030rem fs028rem">满意</span><img class="ml020rem" data-rateLevel="2" src="images/applicationForCar/unchooseico.png" width="16px;"> <span class="ml030rem fs028rem">一般</span><img class="ml020rem" data-rateLevel="3" src="images/applicationForCar/unchooseico.png" width="16px;"></div>

css:

.satisDiv span,img{padding-left:0;vertical-align:middle;display:inline-block;float: none;}