Question

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!

Answer 1

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