title: CSS - center text on page and left justify it
body: <p>Working on designing a website and am having issues getting my text to center on the page while also keeping it left justified. The section I'm trying to apply this effect to is h3. I'm missing something obvious but I'm at a loss atm. Thanks!</p>
  
  <p>Below is my code:</p>
  
  <p><strong><em>HTML</em></strong></p>
  
  <pre><code>&lt;section id="marketing" class="section fp-section" data-anchor="thirdPage"&gt;
      &lt;img id="marketingLogo" src="images/marketing.png"&gt;
      &lt;h2 align="center"&gt; Text goes here&lt;/h2&gt;
      &lt;h3 align="center"&gt; Text goes here&lt;/h3&gt;
  </code></pre>
  
  <p><strong><em>CSS</em></strong></p>
  
  <pre><code>.fp-section h3{
      font-size: 20px;
      margin-right: auto;
      margin-left: auto;
      text-align: left;
  }
  </code></pre>