JSFiddle - React, Tailwind, and code Playground

HTML

<div class="width100">
    <table>
        <tr>
            <td>
                <div> 1. exemplaire contrôle tarif</div>
                <div> 1. Copy for orderer</div>
                <div> 1. Blatt Tarifkontrolle </div>

            </td>
            <td>
                <div>2. exemplaire transporteur</div>
                <div>2. Copy for carrier</div>
                <div>2. Blatt Frachtführer</div>
            </td>
            <td>
                <div> 3. exemplaire destinataire</div>
                <div> 3. Copy for consignee</div>
                <div> 3. Blatt Empfänger</div>
            </td>
            <td>
                <div> 4 e exemplaire expéditeur</div>
                <div> 4. Copy for sender</div>
                <div> 4. Blatt Absender </div>
            </td>
        </tr>
        <tr>
            <td colspan="4">
                <div class="mainContent width100">
                    <div class="rotate270">
                        <div class="marginRight60 floatL" style="margin-left:150px;">
                            <div>A remplir sous la responsabilitê de l'expéditeur</div>
                            <div>To be competed on the sender's responsability</div>
                            <div>Ausfüllen unter der Verantwortung des Absenders</div>
                        </div>
                        <div class="marginRight30 floatL">
                            <div>1</div>
                            <div>15</div>
                        </div>
                        <div class="marginRight60 floatL">
                            <div>y compris</div>
                            <div>including and</div>
                            <div>einschlieblich</div>
                        </div>
                        <div class="marginRight60 floatL">
                            <div>21 + 22</div>
                        </div>
                        <div class="marginRight60 floatL">
                            <div>Les parties encadrées de...

CSS

.rotate90 {
        transform: rotate(90deg);
        transform-origin: top right;
        position: absolute;
        bottom: 200px;
        right: 0px;
        white-space: nowrap;
    }
    .rotate270 {
        transform: rotate(270deg);
        transform-origin: top left;
        position: absolute;
        bottom: 0px;
        left: 30px;
        white-space: nowrap;
        width: 1600px;
    }
    table {
        border-collapse: collapse;
        width: 100%;
    }
    table td {
        vertical-align: top;
        border: 1px solid black;
    }
    .width100 {
        width: 100%;
    }
    .headerText {
        float: left;
        margin-right: 10px;
        font-weight: bold;
        font-size: 17px;
    }
    .mainContent {
        position: relative;
    }
    .marginLeftRight150 {
        margin: 0px 150px;
    }
    .floatL {
        float: left;
    }
    .floatR {
        float: right;
    }
    .marginRight60 {
        margin-right: 60px;
    }
    .marginRight30 {
        margin-right: 30px;
    }
    .clear {
        clear: both;
    }
    .bold {
        font-weight: bold;
    }
    .borderR {
        border-right: none;
    }
    .borderL {
        border-left: none;
    }
    .borderT {
        border-top: none;
    }
    .borderB {
        border-bottom: none;
    }
    .marginBottom100 {
        margin-bottom: 100px;
    }