文本对齐不适用于 chrome

Question

我在为客户制作网站时遇到一些奇怪的 css 问题，只有在使用 google chrome 时才会发生。在 firefox、explorer 和 edge 上，它确实工作正常。

基本上，有些代码我在同一个页面中使用了几次，每次都有效，除了一个。我真的看不出哪里做错了:

<h2 class="big caps" style="text-align:left">WHAT WILL YOU LEARN?</h2>

page is here：如果您向下滚动到页面中间，您就会明白我在说什么。首先使用 google chrome 查看它，然后使用任何其他浏览器查看它。（或源代码@第 370 行）

我做错了什么？

Answer 1

更新您的 .one_full class 如下所示

.one_full {
  float: left;
  width: 100%;
}

Answer 2

只需添加到 .one_full class clear:both 即可。

Answer 3

您可以将 float:left 或 clear:both 添加到 .one_full

.one_full {
    width: 100%;
    clear: both;
    /*or float: left;*/
}

text-align not working on chrome