CodePen

HTML

            
              <div class="wrap">
<table>
  <tr>
    <td class="nowrap">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</td>
  </tr>
</table>
<table class="many-cells">
  <tr>
    <td>a</td>
    <td>a</td>
    <td>a</td>
    <td>a</td>
    <td>a</td>
    <td>a</td>
    <td>a</td>
    <td>a</td>
    <td>a</td>
    <td>a</td>
    <td>a</td>
    <td>a</td>
    <td>a</td>
    <td>a</td>
    <td>a</td>
    <td>a</td>
    <td>a</td>
    <td>a</td>
    <td>a</td>
    <td>a</td>
  </tr>
</table>
</div>
            
          
!

CSS

            
              body {
  background: #ccc;
}
.wrap {
  width: 300px;
  margin: 0 auto;
  background: white;
}
table {
  border: 1px solid red;
  margin: 5px 0;
}
.nowrap {
  white-space: nowrap;
}
.many-cells td {
  padding: 5px;
  border: 1px solid green;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................