blob: 9e36cb6d210adab01f8645eb66800edd598e08c4 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
|
<!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?
|
