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將使水平間距該圖像處於摺疊狀態，並使文字填充該區域。