HTML - 圖像不會與段落文本對齊

Question

當我在圖像旁邊有文本並將它們設置在屏幕上的相同位置時，爲什麼它們不在包含div的頂部正確對齊？文字看起來像是比圖像低一個像素或兩個像素。是因爲文本的高度嗎？

我關心的網站如下。我希望頭頂的頂部與BIOS的頂部對齊。有任何想法嗎？

http://www.fiveholeforfood.com/the-team/

Answer 1

這是因爲line-height

Answer 2

的線 - 高度被向下推幾個像素，但如果你想保留，爲便於閱讀我給段落一個-5px頂部

#content .single p { 
    line-height: 1.5em; 
    margin-bottom: 10px; 
    margin-top: -5px; 

Answer 3

保證金，而這似乎是字體相關的，也許ascent line正在推動的字體了。

如果是這樣，除了調整邊距外，沒有什麼可以做的。& padding應用於元素以將文本向上移動一些像素。不過，更改字體或甚至字體大小都會破壞效果。