Modest CSS Tables & Lists

tables-and-lists.html

<table class="u-full-width">
  <thead>
    <tr>
      <th>User ID</th>
      <th>Name</th>
      <th>Email</th>
      <th>Twitter</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>001</td>
      <td>John D</td>
      <td>john@gmail.com</td>
      <td>@john</td>
    </tr>
    <tr>
      <td>002</td>
      <td>Steve J</td>
      <td>steve@gmail.com</td>
      <td>@steve</td>
    </tr>
  </tbody>
</table>

<ul>
  <li>Appples</li>
  <li>Oranges</li>
  <li>Blueberries</li>
    <ul>
      <li>Organic</li>
    </ul>
  <li>Strawberries</li>
</ul>

<ol>
  <li>First Item</li>
  <li>Second Item</li>
  <li>Third Item</li>
    <ol>
      <li>Optional Item</li>
    </ol>
  <li>Fourth Item</li>
</ol>