'writing-mode: vertical-rl; Not Working on print

I'm trying to print a table with some column name in vertical text display , I create the the following html code , when I'm trying to print my html page , the vertical text is not displayed on the print preview

<html>
   <head>
      <style>
           .verticalTableHeader {
         writing-mode: vertical-rl;
         text-orientation:mixed;
         white-space: pre;
         }
         @media print {
            .verticalTableHeader {
         writing-mode: vertical-rl;
         text-orientation:mixed;
         white-space: pre;
         }
        }
      </style>
   </head>
   <body>
      <div>
                  <div >
          
             
            <table border="1"
               >
               <thead>
                  <tr>
                     <th>Client</th>
                     <th>description</th>
                     <th>Type</th>
                     <th  class="verticalTableHeader">Emplacement  </br>géographique</th>
                     <th  class="verticalTableHeader">Nature de </br>l'autorisation</th>
                     <th  class="verticalTableHeader">Critique</th>
                     <th  class="verticalTableHeader">Début planifié</th>
                     <th  >Fin réelle</th>
                     <th  >Statut</th>
                  </tr>
               </thead>
               <tbody id="dd">
               </tbody>
            </table>
         </div>
      </div>
    
   </body>
</html>
javascripthtmlcss


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions