Question

I have a line made of inputs and spans which should represent a phone number. Inserting it into a table with some columns with content causes the line to break:

The last input is pushed into the next line. One way to fix this could be setting a fixed td width or min-width. However, for the sake of any future projects I would like to know is there a way to make the html content unbreakable without touching the td width. Thanks for any info.

Answer 1

Add this CSS to the td

white-space: nowrap;

This prevents the automatic line-breaking of HTML. For more info see MDN