title: How to use text-align in HTML
body: <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;style&gt;
  .writing {
      font-family:&quot;Arial&quot;;
      color:&quot;Black&quot;;
      font-size:&quot;300%&quot;;
      text-align:&quot;Center&quot;;
  }
  
  &lt;/style&gt;
  
  &lt;div&gt;
  &lt;h1 class=.writing&gt;Run Away&lt;/h1&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  <p>I want &quot;run away&quot; to be centered on the page. How can I do this?
  I want &quot;run away&quot; to be centered on the page. How can I do this?</p>