title: Why is my paragraph tag not centering in HTML?
body: <p>I have tried everything to get this <code>&lt;p&gt;</code> tag to center in a <code>&lt;div&gt;</code>. When I try <code>text-align: center;</code> nothing happens. I have tried to change the display type, but nothing changes. Thank you so much in advance.I simply have no idea what I am doing wrong.</p>
  
  <p>This is my code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>html,
  body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
  }
  
  .w1-3 {
    width: 33.33%;
    width: calc(100% / 3);
    display: inline-block;
    height: 100%;
  }
  
  .background {
    height: 100%;
  }
  
  #left {
    background-color: #e74c3c;
  }
  
  #middle {
    background-color: #3498db;
  }
  
  #right {
    background-color: #2ecc71;
  }
  
  #questions {
    font-size: 50pt;
    color: white;
    text-align: center;
    display: inline;
  }
  
  .title {
    font-family: 'Montserrat', sans-serif;
  }
  
  .text {
    font-family: 'Open Sans', sans-serif;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:700|Open+Sans"&gt;
  &lt;div class="w1-3" id="left"&gt;
    &lt;div class="background"&gt;
      &lt;p class="title" id="questions"&gt;Hello&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="w1-3" id="middle"&gt;
    &lt;div class="background"&gt;
      &lt;p class="title" id="questions"&gt;Hello&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="w1-3" id="right"&gt;
    &lt;div class="background"&gt;
      &lt;p class="title" id="questions"&gt;Hello&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>