Table break word

Table break word

HTML

<table id="example" cellspacing="0" width="100%">
  <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 {
    width: 100%;
    clear: both;
    border-collapse: separate;
    margin: 0px auto;
    border-spacing: 0px;
}

table thead th, table thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #111111;
}
table thead th, table tfoot th {
    font-weight: bold;
}

table, table th, table td {
    box-sizing: content-box;
}

table tbody tr {
    background-color: white;
}

table td {
  word-wrap: break-word;
}