td.last { width: 1px; white-space: nowrap; } Flexible, Class-Based Solution And a more flexible solution is creating a .fitwidth class and applying that to any columns you want to ensure their contents are fit on one line: td.fitwidth { width: 1px; white-space: nowrap; } And then in your HTML: <tr> <td class="fitwidth">ID</td> <td>Description</td> <td class="fitwidth">Status</td> <td>Notes</td> </tr>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter