文本对齐不适用于 chrome

text-align not working on chrome

我在为客户制作网站时遇到一些奇怪的 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 行)

我做错了什么?

更新您的 .one_full class 如下所示

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

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

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

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