HTML - img与CSS和文本

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; 
} 

一个float将使水平间距该图像处于折叠状态，并使文字填充该区域。