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>