title: Alignment in HTML
body: <p>i want to display text like:</p>
  
  <pre><code>Name    Age
  Susan   9
  Joe     20
  </code></pre>
  
  <p>I've tried to use {div align="right"}, but the output looks like:</p>
  
  <pre><code>Name                             Age
  Susan                            9
  Joe                               20
  </code></pre>
  
  <p>and so on. How can i list the items on each row so that they line up properly with the header?</p>