Как отзеркалить положение «абсолютного» контейнера в HTML таблицах?

Question

[nivaech]

Для верстки html страницы нужно сделать "наслоение" одного контейнера на другой.
Из-за капризности email-клиентов это нужно сделать без position: absolute и всего такого.

Нашел подобный пример на codepen, который отлично работает:
https://codepen.io/Sayo1337/pen/ExPgqeP

Подходит он идеально, но в примере контейнер наслаивается внизу изображения, а нужно, чтобы было наоборот и он "наезжал" на изображение сверху. Основной эффект достигается с помощью параметра max-height в div, содержащим изображение. Вроде перекручивал все, что можно было, но безуспешно.
Может кто-нибудь знает, как переместить контейнер с текстом в противоположную сторону?

Answer 1

[Vyach Gor]

хм интересный способ, надо будет протестировать на основных email клиентах.
Для вашего случая надо сделать как то так (но опять же надо тестировать - так как в данном случае нужно ограничивать через max-height в div всю таблицу и есть большая вероятность что в некоторых email-клиентах не сработает) -

Comments

[nivaech]

О, благодарю! Буду разбираться.