<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Reftest Reference</title> <link rel="author" title="GĂ©rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <meta name="DC.date.created" content="2016-12-22T09:54:03+11:00" scheme="W3CDTF" /> <meta name="DC.date.modified" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF" /> <style type="text/css"><![CDATA[ body { font-size: 16px; line-height: 1.25; /* therefore, each line box is 20px tall */ margin: 8px 0px; } table { border-spacing: 0px; left: 0px; padding: 0px 84px; position: absolute; width: calc(136px + 3px + 15ch + 3px + 136px); } td { padding: 0px; vertical-align: top; } td#after, td#before { width: 52px; } p#sentence-after, p#sentence-before { writing-mode: vertical-lr; } td#data { border: blue solid 3px; display: block; width: 15ch; } ]]></style> </head> <body> <table> <tr> <td id="before"><p id="sentence-before">Sentence before.</p></td> <td id="data">123456789012345</td> <td id="after"><p id="sentence-after">Sentence after.</p></td> </tr> </table> </body> </html>