Корректная разбивка на страницы

[Ugo]

Здравствуйте!

Столкнулся с такой проблемой: когда содержимое xhtml-файла разбивается на страницы в произвольном порядке (в частности, ридером книг айпада), встречаются такие ситуации, когда иллюстрация оказывается на одной странице, а подпись к ней - на другой. Естественно, это портит впечатление.

Вопрос: есть ли универсальный способ объединить изображение и подпись к нему в один неделимый блок, так чтобы при недостатке места для подписи, изображение немного сжималось?

Или, в крайнем случае, переносилось на следующую страницу.

Я пробовал задавать свойствах изображений: page-break-after: avoid; - не помогло.

Пробовал объединить изображение и подпись в один div, и назначить ему display: inline-block. Нулевой результат.

Какие ещё способы можете порекомендовать?

[Int]

поднять подпись на картинку, чтобы она её перекрыла?

[Ugo]

То есть, сделать подпись поверх картинки? Не, это не подойдёт, потому что большинство картинок чёрно-белые, с тёмным фоном. А на e-ink-ридерах вообще каша получится.