html - 将锚点和段落都与图像内联

Question

这是我到目前为止所拥有的：http: //jsfiddle.net/hLbyy/4/使用margin属性。

我查看了各种页面来源（例如Wordpress，其中用户的头像与他们的详细信息内联，但这似乎在一个段落中而不是列表项中。）但我无法找到实现这一点的 CSS 行。

非常感谢任何有助于实现这一目标的帮助。

Answer 1

这是你要找的：

p {
    display: inline-block;
}
img {
    vertical-align: top;
}

Answer 2

对 img 标签使用 " float: left;" 样式。

不知何故像这样。

Answer 3

您想要做的最好的方法是将带有图像的链接包装在一个 div 中，然后将此 div 设置为：

display: block;

并将您的链接和文本包装在另一个 div 中，该 div 应该在您的图像右侧自动对齐，如果您想变得更漂亮，您可以将两个 div 包装在一个 div 中。