text-align: center; gives me and text-align: right; why?
<p>I am working on a little project, the details don't really matter tho :P</p>

<p>But I am creating multiple div's for multiple 'categories'. Like Services, Contact etc.</p>

<p>But I am trying to align my <code>&lt;h1 class="h1-contact"&gt;</code>. But it doesn't work for somereason..</p>

<p>I already tried looking in to other topics with this question, but somehow those answer didn't work for me. </p>

<p><strong>CSS</strong></p>

<pre><code>.h1-contact {
  font-size: 30px;
  line-height: 1.8;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  text-align: center;
}
</code></pre>

<p><strong>HTML</strong></p>

<pre><code>&lt;hr /&gt;
&lt;br&gt;
&lt;div id="02"&gt;
&lt;h1 class="h1-contact"&gt;Contact&lt;/h1&gt;
&lt;p&gt;Hi&lt;/p&gt;
</code></pre>

<p>I already tried to look in Element Inspect to look if something else was in the way of my h1-contact class, but it wasn't</p>

<p>Could anyone help me out? Thank you very much!</p>

<p>~ Justin van Dongen</p>

<p><strong>EDIT</strong></p>

<p>Element inspect 'styles' in Chrome of the h1 tag:</p>

<pre><code>    .h1-contact {
        font-size: 30px;
        line-height: 1.8;
        text-transform: uppercase;
        font-family: "Montserrat", sans-serif;
        text-align: center;
    }

*ALL THIS IS STRIKED IN CHROME*
    .h1, h1 {
        font-size: 36px;
    }
    .h1, .h2, .h3, h1, h2, h3 {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        font-family: inherit;
        font-weight: 500;
        line-height: 1.1;
        color: inherit;
    }
    h1 {
        margin: .67em 0;
        font-size: 2em;
    }
    h1 {
        font-size: 30px;
        line-height: 1.8;
        text-transform: uppercase;
        font-family: "Montserrat", sans-serif;
    }
</code></pre>

<p><strong>ANOTHER EDIT</strong></p>

<p>Here are some links that may come in handy:</p>

<p>JSFiddle: <a href="https://jsfiddle.net/justinvandongen/8Lyowreo/" rel="nofollow">https://jsfiddle.net/justinvandongen/8Lyowreo/</a>
Project: <a href="http://justthinq.justinvandongen.nl" rel="nofollow">http://justthinq.justinvandongen.nl</a></p>