位置：不推動附近文本的相對圖像？

Question

簡單的問題：我需要一個圖像出現在一段文本的中間，但是，圖像比字體的每一行的高度略大，所以它會在文本中打開一個水平「間隙」爲自己騰出空間。要解決這個問題，我可以：

1）縮小圖像，使其不大於字體。 2）使用位置：絕對

但我不想再縮小它，它已經足夠小，以「技術上適合」每一行文本之間，除了它將需要用盡幾個像素的白色區域上方和下方的文本行。

而且我不能使用position：absolute，因爲那麼圖像的位置應該在窗口的左上角，而不是在段落中我想要它的地方。

我想也許我可以在段落中放置一個大小爲1像素的虛擬「佔位符」圖像。然後，在我的真實圖像上使用Position：Absolute，並不斷將我的真實圖像設置在虛擬圖像所在的相同位置。我沒有研究過，看看這是否可能，但對於這麼簡單的事情似乎有點過分。有更容易的方法嗎？

編輯：我發現加入：margin：-20px;到圖像的風格作品!!!

margin:-20px; 

的jsfiddle例如：http://jsfiddle.net/j7tLX/3/

Answer 1

圖像是塊級元素，如果你希望它們出現內嵌的段落。做這個。

img { 
    display: inline; 
} 

Answer 2

您可以使用vertical-align: top

http://jsfiddle.net/j7tLX/4/

見http://css-tricks.com/what-is-vertical-align/