为什么我的div在firefox的sibling的div中开始？

Question

首先，页面：https://dl.dropboxusercontent.com/u/238966491/website/index.html

我想知道为什么最后一行文字 - “让我们保护你，让你专注于你的业务。” - 开始好像它是Phone div的一部分。我希望它从自己的路线开始，但它似乎认为从Phone div开始的地方继续它是一个好主意，尽管<br>。

我怎样才能让这个div从它自己的行开始，所以它的文字在一行？ （适用于Chrome。）

编辑：这是一个显示问题的CodePen。由于依赖性和东西，很多东西都不起作用，但问题仍然存在。请参阅.tagline div中的第三部分。 http://codepen.io/bnb/pen/vIBEw

Answer 1

你只需要clear因为在.tagline之前你有一个左浮动的div。在你的CSS上添加：

.tagline {
   clear:both;
}