新行上的 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。很难说发生了什么，因为只有两条线，所以我不知道那个空间是从哪里来的。原来它根本不是一个空间。