title: What is the syntax on how to align text in center when using div and a h1 class with css
body: <p>I have the following in Wordpress Storefront Theme</p>
  
  <pre><code>&lt;div class="entry-content"&gt;
     &lt;div id="pl-31" class="panel-layout"&gt;
        &lt;h1 class="panel-grid panel-no-style" style="text-align: left;"&gt; hello all&lt;/h1&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and I am trying to center my <code>h1</code>, which is included in <strong>wordpress post</strong>, but I am confused with the syntax in CSS . I cannot figure out which class actually is used. </p>
  
  <p><code>style="text-align: left"</code> is included in Element.style.</p>
  
  <p>So, how to syntax my CSS properly here?</p>
  
  <p>I tried this</p>
  
  <pre><code>.pl-31{
  
  margin-left:auto;
  margin-right:auto;
  }
  
  #pl-31 .panel-grid.panel-no-style{
  
  text-align:center !important;
  
  }
  </code></pre>
  
  <p>but hello all just moved only a bit to the right..</p>