新行上的HTML随机空格

Question

我已经用web技术工作了大约一年了，但我不知道是什么导致了这种奇怪的行为。

我正在创建一个照片分享应用程序。每张照片都有自己的页面，照片发布的时间在左上角，海报的名字后面跟着一个新行，右下角有一个说明。我的代码如下：

<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。很难判断发生了什么，因为只有两行，所以我不知道那个空间来自哪里。结果发现这根本不是一个空间。