JSFiddle - React, Tailwind, and code Playground

by vaff

HTML

<div style="margin:10px;">
     <div style="min-width: 65%; position:relative;  vertical-align: top; color: white; text-align: left; margin-right: 320px;">
         <div style="margin-bottom: 10px; background-color: #bada55;">
             yada yada yada yada yada yada yada.. mere  yada yada yada yada yada.
         <br/><br/> yada yada yada yada yada yada yada yada yada yada yada yada yada for helvede, det er sku da også noget *beeeeeep*.
         <br/>se så her
         </div>
         <div style="margin: auto; text-align: center">
             <div style="background-color: whitesmoke; width: 105px; height: 70px; border: 1px solid gray; display: inline-block; margin-right: 25px;">INFO HERE</div>
             <div style="background-color: whitesmoke; width: 105px; height: 70px; border: 1px solid gray; display: inline-block; margin-right: 25px;">INFO HERE</div>
             <div style="background-color: whitesmoke; width: 105px; height: 70px; border: 1px solid gray; display: inline-block; margin-right: 25px;">INFO HERE</div>
             <div style="background-color: whitesmoke; width: 105px; height: 70px; border: 1px solid gray; display: inline-block; margin-right: 25px;">INFO HERE</div>
             <div style="background-color: whitesmoke; width: 105px; height: 70px; border: 1px solid gray; display: inline-block; margin-right: 25px;">INFO HERE</div>
         </div>
         <div style="position:absolute; right: -310px;float:left; top:0; border: 1px solid hotpink; width: 300px; text-align: left;">
             <div style="background-color: red; margin-bottom: 15px; height: 65px;">LOGO goes here</div>
             <div style="background-color: lightblue; height: 250px;">Image</div>
             <br/>
             <div style="background-color: lightcoral">
                 <div>Navn</div>
                 <div>Adresse</div>
                 <div>(LANDEKODE)-POSTNUMMER BY</div>
                 <div>Telefon</div>
                 <div>Webadresse</div>
            ...

CSS

.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after { clear: both; }
.cf { *zoom: 1; }