How to make text appear in columns in HTML

html, razor, webmatrix

Solution

You might just end up with a HTML table:

<table>
  <tr>
   <th>header text</th>
   <th>header text</th>
   <th>header text</th>
  </tr>
  <tr>
   <td>text in column</td>
   <td>text in column</td>
   <td>text in column</td>
  </tr>
 </table>

And a litte styling of course, you could check out this tool: http://tablestyler.com

Problem

Sorry, this is probably a thick question, but how to I get HTML to display similar to using the tab button in Word? I want to display like this: ``` header text header text Header text text in column text in column text in column ``` If i use the spacebar, it just ignores the spaces. Actually, I will be putting razor variables in the columns, but that's the general idea of what I'm trying to create. No doubt there's a div tag or similar that represents the 'tab' function, or columnises the text - I just don't know it!

Original source