html - 标题左侧 float 图片的CSS

如果我想将图像浮动到标题的左侧，通常的做法是：

<img src="html5_connectivity.svg" width="90" height="90" alt="[HTML5 Connectivity Logo]" class="FloatLeft" />
<h3 data-anchorid="sockets">Connectivity</h3>

想要我想要的是相同的视觉效果，将图像浮动到标题的左侧，但是让图像标记位于文档中标题的后面，如下所示：

<h3 data-anchorid="sockets">Connectivity</h3>
<img src="html5_connectivity.svg" width="90" height="90" alt="[HTML5 Connectivity Logo]" class="FloatLeft" />

我不知道什么样的css技巧（最好是css level 2.1）能做到这一点。有什么建议吗？

最佳答案

您可以设置页眉的左边距，然后您的图像将一直到结尾，页眉将在后面。

    <h3 data-anchorid="sockets" style="margin-left: 100px;">Connectivity</h3>
    <img src="html5_connectivity.svg" width="90" height="90" alt="[HTML5 Connectivity Logo]"
class="FloatLeft" />

关于html - 标题左侧 float 图片的CSS，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8127326/