HTML - 使用CSS和文本的img

Question

我尝试将图片放在页面的右侧。问题是它附近有文字，在某些浏览器中图片隐藏文字。我使用下一个CSS作为<img>属性：

.imgP
{
position:relative;
top:10px;
right: 10px;
float:right;
}

文本是下一个元素：

<p> bla bla bla... </p>

如何更改它，以便文本在图片附近自动移动？

Answer 1

我认为你试图在图像上实现文字包装。

这样做的原则很简单。

创建一些HTML标记：

<img src="myimage.jpg" alt="" class="imgP" />
<p>My Paragraph text which will wrap around the image...</p>

要使文本包装图像，只需将图像浮动到右侧：

.imgP
{
   float: right;
}

浮动将导致图像所在的水平间距折叠，并导致文本填充该区域。