Question

I have an HTML table with 2 columns. I want to show them both full, the second with right align. Now I make that with width: 100%; for the first column. But now the second column is always wrapped by words.

I want the second column to be on the right, but wrapped only if there is not enough space to show both columns full.

Answer 1

Add the following CSS styling to the cell on the right:

td {white-space: nowrap;}

This will prevent the text inside the cell from wrapping, as in your example.