如何正确对齐文本到图像？

Question

所以，我已经获得了这个JSFiddle代码。

我无法解决这个业余问题。我需要让图像与每个<li>中的文本正确对齐。它应该对称排列，也许是一些垂直对齐？

我不知道怎么做，虽然这可能很容易。每个答案都表示赞赏。

Answer 1

我相信这就是您所寻找的：http://jsfiddle.net/cvG3n/13/

请注意，我已将<img>标记的位置更改为<p>标记的开头。我还添加了以下css：

img{
float:right;
}

如果您想要提高图像，请将其放在<h1>标记内。

Answer 2

如果您想与<img>和<p>对齐，可以使用：

li p, li img {
    display: inline;
    position: relative;
}

JSFiddle

Answer 3

http://jsfiddle.net/QEdC5/17/ {
{3}}

li{
  list-style: none;
  overflow: hidden;
}

.image {
  float: right; 
  margin: 0 0 0.8em 0.8em;
}