<!DOCTYPE HTML> <style> body { writing-mode: vertical-lr; text-orientation: sideways-right; } #outer { width: 0; height: 0; } /* In a 600px container, the minimum font size at 15em per line is 40px. This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px. */ #inner { font-size: 44px; width: 100%; height: 100%; } </style> <div id="outer"> <div id="inner">Inflated?