Вложенный пробел nowrap/normal ведет себя странно
Я использовал white-space: nowrap а также display: inline-block заставить два элемента в одном ряду, затем установите White-space: normal внутри этих элементов, чтобы текст внутри, чтобы обернуть как обычно.
Проблема в том, что по какой-то причине текст не будет переноситься до тех пор, пока ширина области просмотра не станет меньше ОДНОГО элемента, а не обоих.
Я создал скрипку, чтобы объяснить это дальше: https://jsfiddle.net/krkb8d9L/1/. Обратите внимание, что вам нужно уменьшить окно до 100px (ширина самого левого элемента) МЕНЬШЕ, чем обычно, прежде чем текст начнет переноситься.
Может кто-нибудь объяснить, почему это происходит? Кажется, это одинаково для всех браузеров. Очевидно, я ожидаю, что текст начнет переноситься, как только он не уместится (как если бы, например, элементы плавали).