Как реализовать перенос слов в ячейки таблицы?

Question

[andreyqin]

Есть список продуктов, который выводится в виде таблицы такой структуры:

<table>
    <tr>
        <td>Продукт_1</td>
        <td><input type="text"> г.</td>
        <td>Продукт_2</td>
        <td><input type="text"> г.</td>
    </tr>
    <tr>
        <td>Продукт_3</td>
        <td><input type="text"> г.</td>
        <td>Продукт_4</td>
        <td><input type="text"> г.</td>
    </tr>
    ...
</table>

Проблема в том, что когда в поле с названием продукта вводишь продукт с длинным названием - ячейка увеличивается по высоте и происходит нежелательный перенос буквы в соседней ячейки. Нагляднее будет посмотреть скриншот - думаю, все станет понятно: скриншот

Подскажите, пожалуйста, варианты, как можно исправить данную проблему.

Comments

[Krickt]

jsfiddle.net будьте добры. :)

Answer 1

[Анна Манаенкова]

Попробуйте white-space: nowrap.
Не уверена, что это прокатит с инпутами. Есть вариант ставить неразрывный пробел.

Comments

[andreyqin]

white-space ячейки с инпутом - кажется то, что нужно, работает. А вот неразрывный пробел нет. Спасибо большое за помощь!