css - 文本旁边的图像填充

Question

我正在尝试使用填充在文本的每一侧对齐两个图像。

我在左侧工作，但不在右侧工作。

为什么右边的不会掉下来10px？

html:

<img class="q1" src="http://i62.tinypic.com/2dkh7p2.png"/>
This is the quoted text, but how can I get the right img to align? Right now it's too high! --->
<img class="q2" src="http://i62.tinypic.com/282f3mr.png" />

CSS:

.q1 {
padding-right:2px;
padding-bottom:10px;
}
.q2 {
padding-left:2px;
margin-top:10px; 
}

fiddle :http://jsfiddle.net/vvDdR/1/

Answer 1

不使用垂直边距或填充，你可以轻推它:

.q2 {
    padding-left:2px;
    position:relative;
    top:10px; 
}

之前:

之后

演示:http://jsfiddle.net/5g4wt/