<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style type="text/css"> p { border: 1px solid black; } .layout-main-page-content { width: 75%; float: right; text-align:right; } .layout-right-column { width: 25%; float: left; } </style> </head> <body> <div> <div class="layout-main-page-content"> <img src="foo"> <p dir="rtl" id="p_10">0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789</p> <p dir="rtl" id="p_20">0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789 0123456789</p> </div> </div> <div class="layout-right-column" dir="rtl"> hoge hoge hoge hoge hoge hoge hoge hoge hoge hoge <img id="image" style="height: 280px; overflow: hidden;" src="foo" width="100%"> </div> </body> </html>