<!DOCTYPE HTML> <style> html { writing-mode: vertical-rl; } </style> <body> <p>The following blue box should have uniform padding around all sides.</p> <div style="float: left; background: olive; padding: 5px;"> <div id="c" style="background: blue; height: 100px; width: 100px"> </div> </div> <p style="clear:left">Note that if you zoom the page after it loads it fixes the problem by causing a reflow.</p>