Изменение порядка контента для мобильного дисплея ⇐ CSS

[Anonymous]

Я работаю над шаблоном электронной почты в формате HTML и пытаюсь убедиться, что он правильно отображается на мобильных устройствах. В настоящее время у меня есть изображение, за которым следует текст и кнопка, но на мобильном устройстве я бы хотел, чтобы сначала отображалось изображение, а затем текст и кнопка.https:// jsfiddle.net/v2qa6u73/

Код: Выделить всё

yhtyr urye jytrj utrjutyj uyk yu kuy uyk iykiy kiuyk uyjuyjku yjk uyk uyk uy kuyk uy[/b]

hgfdjdf jdf jhgfjhg jgfhjghkj futjk jgufjmgh kjghjk ghjk hjkjhk gh kjh gkjhk jhgk jhk hjk jghk  kgjh k jhgk jhgk jhk yuykuyk ufkuyk uyf ukfkfukufk ufk uf kufk uf kfu 






button










[img]https://cdn2.iconfinder.com/data/icons/web-and-mobile-ui-volume-15-1/48/718-512.png[/img]

Может кто-нибудь помочь мне добиться этого? Спасибо!
Я пробовал изменить структуру HTML, но не получил желаемого результата.

Подробнее здесь: https://stackoverflow.com/questions/784 ... le-display