Customizing quotation header

Good day all, trust you are all well

Running V13.42.5

I have customized my Quotation header, by saving another Print Format for the Quoatation-doc/form.

Although it works, I would like to improve this because the spacing/ positioning is done very
crudely.

I have only done basic html stuff.

I do have a letterhead that prints my logo on the left of all docs.
And on the right of the Quotation doc is the word QUOTATION" and below it the doc-number.

What I want to get to is …

LOGO …Country…QUOTATION
LOGO…Company slogan …SAL-QTN-2023-00001

So, the default heading is …

> <div class="print-heading"> <h2><div>Quotation</div><br><small class="sub-heading">{{ doc.name }}</small> </h2></div>

where it calls the classes “print-heading” and “sub-heading”

So , I have been reading up a bit and I thought of doing it like this:

to add “Country” and “SLogan” … maybe I can use a TABLE… like this…

> <table style="width:30%"; align="right">
>   <tr>
>     <td>Country</td>
>     <td>QUOTATION</td>
>   </tr>
>   <tr>
>     <td>SLOGAN</td>
>     <td>DOc-nr</td>
>   </tr>
> </table>

I am battling with adding the existing calls to the classes “print-heading” and “sub-heading”.

Perhaps someone can help me get further ?