HTML新行上的隨機空間

Question

我一直在使用網絡技術相當舒服大約一年，但我不知道是什麼導致了這種奇怪的行爲。

我正在創建照片共享應用程序。每張照片都有自己的頁面，照片張貼在左上角的時間，以及海報的名稱，在新的一行中，右下角有一個標題。我的代碼如下：

<div class="postInfo">Name goes here<br/>This is a caption</div> 

這裏是我的風格：

.postInfo { 
    position: absolute; 
    left:0; 
    bottom:0; 
} 

當我運行頁，海報名稱和標題準確顯示爲預期，但由於某些原因，字幕有空間在它之前。我已經嘗試了各種替代方案，包括：

<p style="padding:0;margin:0">Name goes here</p> 
<p style="padding:0;margin:0">This is a caption</p> 

而且在標題之前總是有空格。我完全困惑。有沒有人有任何線索可能造成這種情況？

Answer 1

元素繼承了來自祖先的text-align:center。由於只有兩行，所以很難說出發生了什麼，所以我不知道這個空間來自哪裏。原來這根本不是空間。