Forum How do I...?

not working: html to pdf, using css property writing-mode "vertical-rl"

Hi, I saw from this old forum post that only "vertical-rl" mode was supported, but I can't get that to work.

Here's my minimal index.html with embedded style sheet. It appears correctly in Chrome and Firefox. It saves to PDF correctly in Firefox only. And when I process the index.html with prince, I get upside down text instead of 90 degree rotated text.

<!DOCTYPE html>
<html lang="en">
html {
    font-size: 16px;

table, th, td {
    border: 2px solid black;
    border-collapse: collapse;
    padding: 0.5rem;

.register_bit_map td {
    writing-mode: vertical-rl;
    /*height: 8rem;*/
    transform: rotate(180deg);
    /*text-align: left;*/
    width: 0.75rem;
    padding-left: 0.3em;
    padding-right: 0.7rem;

p {
    <table class="register_bit_map">

Screenshot attached shows correct appearance as rendered by Chrome browser.

Any assistance is appreciated... Thanks! :-)

  1. bitfield.png16.2 kB
    desired appearance of index.html
This is a limitation of writing-mode on table cells, if you wrap each table cell content in a div and apply the writing-mode property to that then it behaves better.
Thanks, Mike! I'll try that out.