title: How to get horizontal alignment of headers
body: <p>I have two headings, 'CompanyName' which appears top left, and 'Date' displays top middle.</p>
  
  <p>I am having difficulty getting them horizontally aligned. I've tried putting them inside a div, but to no effect... How can I fix this problem?</p>
  
  <pre><code>&lt;div&gt;
      &lt;h1&gt;CompanyName&lt;/h1&gt;
      &lt;h1 style="text-align:center"&gt;Date @Html.DisplayFor(model =&gt; model.TodaysDate)&lt;/h1&gt;
  &lt;/div&gt;
  </code></pre>