JSFiddle - React, Tailwind, and code Playground

HTML

<div id="titles"> 
 
<div id="thinlinecopy"></div> 
<div id="varekodetext"> 
 <p>Varekode</p> 
</div> 
<div id="produkttext"> 
 <p>Produkt</p> 
</div> 
<div id="pristext"> 
 <p>Pris</p> 
</div> 
<div id="antalltext"> 
 <p>Antall</p> 
</div> 
<div id="pristotaltext"> 
 <p>Pris total</p> 
</div> 
<div id="sletttext"> 
 <p>Slett</p></div> 
<div id="thinline"></div> 
</div> 
 
    <tbody> 
 
        
        
<div class="even first"> 
<div id="sgproductview"> 
    
 
<div id="cart2Varekode"> 
 <p> 
                     <span>79800-05</span> 
                 </p> 
</div> 
 
 
<div id="cart2Produkt"> 
 
   
 <p>                    <a href="/Plantronics-Voyager-Pro.625" target="_blank" class="tooltip" title="Plantronics Voyager Pro"> 
                    Plantronics Voyager Pro
                    <span style="z-index:50000; font-size:smaller;"><img src="upload/productimage/625-978-2.jpg?1264584451" alt="Plantronics Voyager Pro" /> 
                    <br /> 
                    
                    </span> 
                    </a> 
                    
                        
                
 
</p> 
 <p> 
             
                        </p> 
</div> 
 
 
 
 
 
 
<div id="cart2Price"> 
 <p class="actualPrice"> 
 
 790.-
 </p> 
</div> 
 
 
 
 
<div id="salg" title="Rabatt"></div> 
<div id="cart2Salg"> 
    <span class="listPrice" title="Opprinnelige prisen"> 
    Array
    </span> 
    </div> 
 
 
 
<div id="antallbox"> 
<p class="cartQuant"> 
 
        <input name="item_1108" class="DG-spimmer" id="text" type="text" value="1"/>  
    
</p> 
</div> 
 
 
<div id="cartUpdate"><button type="submit" class="submit" id="rfrsh_btn" name="saveFields" title="Oppdater" value="">&nbsp;</button></div> 
 
 
<div id="cart2Total"> 
 <p> 
 
 
 
                <span class="basePrice">988.-</span><span class="actualPrice">790.-</span> 
            </p> 
</div> 
 
 
 
<div id="delete"> 
 
            <a id="slett" href="/order/delete/1108?return=" title="Slett"><!--Slett--></a>...

CSS

#titles  {
   margin: 0px auto 0px auto;
   margin-bottom:50px;
   width: 747px;
   position: absolute;
   padding-bottom:50px;
}


#cart2Produkt a {
    color:#0a5692;
    text-decoration:none;
    line-height:15px;
}


#pristotaltext p,
#varekodetext p,
#sletttext p,
#pristext p,
#antalltext p,
#produkttext p  {
   font: 12px/11px "Helvetica";
   margin: 0px;
   color: #828273;
   text-align: left;
}

#thinline,
#thinlinecopy  {
   background: url(../../upload/thinline.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   z-index: 4;
   width: 747px;
   height: 1px;
}

#varekodetext  {
   visibility: visible;
   position: absolute;
   left: 36px;
   top: 5px;
   z-index: 4;
   width: 120px;
}

#produkttext  {
   visibility: visible;
   position: absolute;
   left: 137px;
   top: 5px;
   z-index: 4;
   width: 52px;
}



#pristotaltext  {
   visibility: visible;
   position: absolute;
   left: 635px;
   top: 5px;
   z-index: 4;
   width: 59px;
}

#sgproductview  {

   margin: 0px auto 0px auto;
   width: 747px;
   position: relative;
   height:1%;
   z-index:1;
}


#thinlinecopy  {
   top: 1px;
}




#antalltext  {
   visibility: visible;
   position: absolute;
   left: 573px;
   top: 5px;
   z-index: 4;
   width: 39px;
}

#sletttext  {
   visibility: visible;
   position: absolute;
   left: 702px;
   top: 5px;
   z-index: 4;
   width: 31px;
}

#thinline  {
   top: 19px;
   position:absolute;
}

#pristext  {
   visibility: visible;
   position: absolute;
   left: 406px;
   top: 5px;
   z-index: 4;
   width: 24px;
}

/*****************************************CONTENT*/

#cart2Produkt p,
#cart2Total p,
#cart2Price p,
#cart2Varekode p,
#cart2Salg p  {
   font: 13px/11px "Helvetica";
   margin: 0px;
   letter-spacing: 1px;
   text-align: left;
}
#cart2Produkt p  {
   color: #000000;
}

#cart2Varekode  {
   visibility: visible;
   position: relative;
   left: 29px;
   top: 5px;
   z-index: 2;
   width: 150px;
}

#cart2Produkt  {
   visibility:...