JSFiddle - React, Tailwind, and code Playground

by rami7250

HTML

<a href="http://ebaysecrets.co.il/index.php?/topic/43-%D7%A2%D7%A9%D7%A8%D7%AA-%D7%94%D7%93%D7%99%D7%91%D7%A8%D7%95%D7%AA-%D7%A7%D7%A0%D7%99%D7%99%D7%94-%D7%A0%D7%9B%D7%95%D7%A0%D7%94-%D7%91-ebay/" rel="">
<div class="nitz">      
  
<img class="Cellbox1" src="http://ebaysecrets.co.il/img/place/ten.png">

              
   <div class="Cellbox2">
<div class="boxtitle1">זוהי הכותרת</div>

<div class="boxtitle2">זהו התוכן שלנו בלה בלה</div>
  </div>
     </div>
     </a>

CSS

.nitz {font-family:sans-serif; font-size: 0; width:329px; height:76px; direction:rtl; background-color:#e4e5e8;border-radius: 5px; padding-bottom:10px;
display:block;
box-shadow: inset rgba(255,255,255,0.75) 0px 0px 0px 1000px, inset rgba(255,255,255,0.6) 0px 1px 0px, inset rgba(255,255,255,0.4) 0px 0px 0px 1px, rgba(0,0,0,0.2) 0px 1px 3px;
webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);

}


.boxtitle1 {font-weight: bold;text-align:right; font-size:16px; padding-bottom:4px;}
.boxtitle2 { bold;text-align:right; font-size:16px;}
    

.Cellbox1 
{width:50px; height:50px; display:inline-block;  margin-bottom:15px; margin-right:15px; margin-top:15px; }
.Cellbox2 
{display:inline-block; margin-right:15px; margin-bottom:15px; vertical-align:top; margin-top:24px;}