Basic styling covers all <table> elements and within the <tbody> rows will have zebra-striping via the :nth-child CSS selector (not available in IE7-8) and a hover state to highlight row data to make reading across lines easier.

# First Name Last Name Username
1 Mark Otto @mdo
2 Larry the Bird @twitter 


  <table>
  <caption>...</caption>
  <thead>
  <tr>
  <th>...</th>
  <th>...</th>
  </tr>
  </thead>
  <tbody>
  <tr>
  <td>...</td>
  <td>...</td>
  </tr>
  </tbody>
  </table>

Supported table markup

List of supported table HTML elements and how they should be used.

Tag Description
<table> Wrapping element for displaying data in a tabular format
<thead> Container element for table header rows (<tr>) to label table columns
<tbody> Container element for table rows (<tr>) in the body of the table
<tr> Container element for a set of table cells (<td> or <th>) that appears on a single row
<td> Default table cell
<th> Special table cell for column (or row, depending on scope and placement) labels
<caption> Description or summary of what the table holds, especially useful for screen readers