Создание html-содержимого нерушимым (в одной строке)

У меня есть строка из input и span, которая должна представлять собой номер телефона. Вставка его в таблицу с некоторыми столбцами с содержимым приводит к разрыву строки:

broken line

Последний ввод вводится в следующую строку. Одним из способов исправить это может быть установка фиксированного td width или min-width. Однако, ради любых будущих проектов, я хотел бы знать, есть ли способ сделать html-контент нерушимым, не касаясь ширины td. Спасибо за любую информацию.

Ответ 1

Добавьте этот CSS в td

white-space: nowrap;

Это предотвращает автоматическое разбиение строк на HTML. Для получения дополнительной информации см. MDN

Ответ 2

добавить

white-space: nowrap;

для вашего css

Ответ 3

Использование white-space: nowrap должно выполнить эту работу.