Table break word

Table break word

by MaartenB

HTML

<table cellspacing="0" width="100%" style="width: 100%; table-layout: auto;">
  <thead>
    <tr>
      <th>First name</th>
      <th>Last name</th>
      <th>Position</th>
      <th>Office</th>
      <th>Age</th>
      <th>Start date</th>
      <th>Salary</th>
      </tr>
  </thead>
  <tbody>
    <tr>
      <td>Tiger</td>
      <td>Nixon thisisaverylongwordthisisaverylongwordthisisaverylongwordthisisaverylongwordthisisaverylongword</td>
      <td>System Architect</td>
      <td>Edinburgh</td>
      <td>61</td>
      <td>2011/04/25</td>
      <td>$320,800</td>
    </tr>
  </tbody>
</table>

CSS

table, th, td {
  border: 1px solid black;
}

td {
  word-wrap: break-word;
}