Text-align does not work on chrome

Question

I am having a problem with wierd css creating a website for a client that only occurs when using google chrome. on firefox, explorer and edge, it works fine.

Basically, some code that I used several times on the same page works every time, except for one. I really can't see where I was wrong:

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

page here : if you scroll to the middle of the page, you will see what I'm talking about. view it first with google chrome and then with any other browser. (or source code @ line 370)

What am I doing wrong?

Answer 1

.one_full,

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

Answer 2

.one_full clear:both, .

Answer 3

you can add float: left or clear: both .one_full

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