我正在做一个网站,其中图像需要在文本内容旁边呈现 – 一种伪的双列布局,因为图像和文本来自单个html源.
通过将图像作为自己的段落并浮动它,我发现了一种非常简单的方法.如果没有这些额外的段落并且仅将额外的CSS归因于图像,是否仍然有更简单的方法(关于html)?
如果浮动图像与文本在同一段落中,则带有和不带图像的段落的宽度将不同.
编辑:基本上,我正在寻找尽可能简单的HTML标记来定位像this这样的图像.CSS可能很复杂;)
CSS: p { width: 500px; } p.image { float: right; width: 900px; } Current HTML: <p class="image"><img src="image.jpg" /></p> <p>Some text here.</p> Is the above possible with this HTML? <p><img src="image.jpg" /></p>