-- HikaShop version -- : 4.4.2
-- Joomla version -- : 3.9.26
-- PHP version -- : 7.4.16
-- Browser(s) name and version -- :  Firefox 88.0 (64-bits)
Hi,
I'm using the attachinvoice plugin to print shipping invoices. These are printed on a paper where the top-left has a label. On that label the shipping address is printed and I also want to print the senders postalcode en number. This works but.... I need the senders postalcode and number printed vertical.
With CSS I can change the font-size and so but I cannot get the text vertical (see attached file marked with the red rectangle).
I defined a vertical class and added this to the code but no succes. Here's a snippet:
.addresses{padding-top:50px;}
.addresses td{padding-left:50px;}
.addresses fieldset {float:left;}
.pakbon{padding-top:-10px;}
.pakbon td{padding-left:10px;}
.afzender {font-size:10px;}
.vertical { transform: rotate(-90deg);
 -webkit-transform: rotate(-90deg); /* Safari/Chrome */
 -moz-transform: rotate(-90deg); /* Firefox */
 -o-transform: rotate(-90deg); /* Opera */
 -ms-transform: rotate(-90deg); /* IE 9 */}
table.products{margin:auto;margin-top:60px;width:580px;border-collapse:collapse}
.price{text-align:center;}
.products td, .products th{border:1px solid #ccc;padding:7px 4px;}
.products th{background-color:#5471B5;color:white;}
td.newarea{text-align:right;padding-right:20px;}
tr.total{font-weight:bold;}
.products tr.limitation td{background-color:#ccc;padding:1px 0px;}
.hikashop_order_custom_fields_fieldset{margin-top : 20px;}
.footer{font-size:10px;color:#aaa;text-align:center;}
-->
</style>
<page style="font-size: 14px" backtop="14mm" backbottom="14mm" backleft="10mm" backright="10mm">
	<table class="pakbon">
		<tr>
			<?php
			$addresses = array('shipping_address');
			foreach($addresses as $oneAddress){
			if(empty($order->$oneAddress)) continue;
			if ($oneAddress=='shipping_address' && empty($pluginsShipping)) continue; ?>
			<td valign="top" style="width:50%">
				<fieldset>
				
					<?php
						$override = false;
						if(!empty($order->order_shipping_id) && $oneAddress=='shipping_address' && method_exists($currentShipping, 'getShippingAddress')) {
							$override = $currentShipping->getShippingAddress($order->order_shipping_id);
						}
						if($override !== false ) {
							echo $override;
						} else {
							$addressClass = hikashop_get('class.address');
							if(hikashop_isClient('administrator')){
								$view = 'order';
							}else{
								$view = 'address';
							}
							echo $addressClass->displayAddress($order->fields,$order->$oneAddress,$view);
							?> <br /> <span class="afzender"><?php 
							
								if($this->shipping_invoice){
								$number = JText::_('SHIPPING_INVOICE').' n° ';
								if(JText::_('SHIPPING_INVOICE_NUMBER') != 'SHIPPING_INVOICE_NUMBER'){
								$number = JText::_('SHIPPING_INVOICE_NUMBER').' ';
								}
								$item_type = 'display:back_shipping_invoice=1';
								}else{
								$number = JText::_('INVOICE').' n° ';
								if(JText::_('INVOICE_NUMBER') != 'INVOICE_NUMBER'){
								$number = JText::_('INVOICE_NUMBER').' ';
								}
								$item_type = 'display:back_invoice=1';
								}
							
						}
					?></span>
				</fieldset>
			</td> 
			<td class="afzender"><fieldset><span class="vertical">Afz.: 8271DN8</span></fieldset></td>
			<?php } ?>
		</tr>
	</table>
Any ideas how I can get the specific text vertical?
Regards,
Eric