В HTML есть списки, пункты которых (li) содержат текст и изображения (блоками, по вертикали), в том числе достаточно широкие. Чтобы изображения не вылезали за ширину области видимости, для элементов img задано "max-width: 100%". В узких окнах все хорошо, но в широких строки текста становятся слишком длинными. Если же задать максимальную ширину для пункта списка (li), то она наследуется и вложенными в пункт изображениями — они ужимаются по ширине до границы текста.

Можно обойти это оборачиванием текста в каждом пункте в p/span, задавая максимальную ширину только для них, но оборачивать придется вручную в каждом пункте, плюс в WYSIWYG-редакторе неудобно постоянно следить за тем, чтобы обертка не пропала.

Если закрывать список, вставлять изображения, затем открывать его снова — съезжает автоматическая нумерация пунктов, придется опять же поддерживать ее вручную.

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