Вопрос в следующем:
При нажатии на кнопку создается элемент "entireDrink ", в который добавляется input-картинка и span-текст, "entireDrink " получает тег "one" в котором указан параметр "White-space: nowrap;". При повторном нажатии на ту же кнопку меняется span-текст, а при нажатии на другую добавляется еще один такой же элемент и т.д.
Мне надо, чтобы в окне div эти элементы переносились на новую строку, но не разделялась картинка с текстом, а получается, что "entireDrink "s просто множатся по оси-x.
Если добавлять без White-space: nowrap, то все элементы переносятся отдельно: картинки и тексты.
В другом месте, созданном заранее в html это работает, т.е. узлы с тегом "one" переносятся на новую строку сразу со всем содержимым.
Помогите, пожалуйста, разобраться. Заранее спасибо.
Ниже на скриншотах: 1) заполнение без "White-space: nowrap;" 2) С "White-space: nowrap;"
Вот кусок кода:
