title: I can't align my header even though I have used 'text-align: center'
body: <p>Hey there I'm new to html.
  My problem is that I can't get my h3 heading to align. The h3 heading is in my body which has css code that centers the body. It aligns to the left and yet it should align to the center. I have saved both the html and css file and refreshed my browser.
  Here is the html code:</p>
  <pre><code>&lt;body&gt;
      
      
      &lt;h1&gt; 
          Blessed Be Blessings
      &lt;/h1&gt;
  
  &lt;p class=&quot;width&quot;&gt; Hey there. What's up?&lt;/p&gt;
  &lt;br&gt;
  &lt;h3&gt;Titanium Steel&lt;/h3&gt;
  
  &lt;img src=&quot;file:C:/Users/Tam/Desktop/1.jpg&quot;&gt;
    
  
  &lt;/body&gt;
  </code></pre>
  <p>Here is the css:</p>
  <pre><code>body{background-color: powderblue;}
  
  p{color: white;}
  
  
  
  body {text-align: center;}
  
  h1 {border: solid 5px; background-color: white;}
  h3{border-radius: 30px 30px 30px 30px; padding: 40; width: 200px; background-color: purple;}
  </code></pre>