JSFiddle - React, Tailwind, and code Playground

by rami7250

HTML

<center>
<div id="wrap">
    <div id="left_col">
    <a href="http://ebaysecrets.co.il/index.php?/topic/384-%D7%A2%D7%9C%D7%99%D7%99%D7%AA-%D7%94%D7%9E%D7%97%D7%99%D7%A8%D7%99%D7%9D-%D7%91%D7%93%D7%95%D7%90%D7%A8-%D7%9E%D7%97%D7%A1%D7%9C%D7%AA-%D7%90%D7%AA-%D7%94%D7%99%D7%A6%D7%95%D7%90%D7%A0%D7%99%D7%9D-%D7%94%D7%A7%D7%98%D7%A0%D7%99%D7%9D/?p=557" rel="bookmark" class="ipsType_small" title="משלוח המוצר באר ובעולם">
        				<strong>משלוח המוצר בארץ ובעולם</strong><br>
<span>התמודדות מול עליית מחירי השילוח</span>
</a>
    </div>
    <div id="right_col">
        <a href="http://ebaysecrets.co.il/index.php?/topic/384-%D7%A2%D7%9C%D7%99%D7%99%D7%AA-%D7%94%D7%9E%D7%97%D7%99%D7%A8%D7%99%D7%9D-%D7%91%D7%93%D7%95%D7%90%D7%A8-%D7%9E%D7%97%D7%A1%D7%9C%D7%AA-%D7%90%D7%AA-%D7%94%D7%99%D7%A6%D7%95%D7%90%D7%A0%D7%99%D7%9D-%D7%94%D7%A7%D7%98%D7%A0%D7%99%D7%9D/?p=557" rel="bookmark" class="ipsType_small" title="משלוח המוצר באר ובעולם">
<img src="http://ebaysecrets.co.il/img/icons/new/shipping.png" height="34" width="34" alt="תמונה"></a>
    </div>
</div>
<p class="hr"></p>
</center>
<!-- second pub -->

<center>
<div id="wrap">
    <div id="left_col">
    <a href="http://ebaysecrets.co.il/index.php?/topic/121-%D7%9E%D7%9B%D7%99%D7%A8%D7%95%D7%AA-%D7%91%D7%90%D7%99%D7%91%D7%99%D7%99/" rel="bookmark" class="ipsType_small" title="חיובים ועמלות באתר איביי">
        				<strong>חיובים ועמלות באתר איביי</strong><br>
<span>למד להכיר ולהבין את מבנה החיובים</span>
</a>
    </div>
    <div id="right_col">
        <a href="http://ebaysecrets.co.il/index.php?/topic/121-%D7%9E%D7%9B%D7%99%D7%A8%D7%95%D7%AA-%D7%91%D7%90%D7%99%D7%91%D7%99%D7%99/" rel="bookmark" class="ipsType_small" title="חיובים ועמלות באתר איביי">
<img src="http://ebaysecrets.co.il/img/icons/new/calc.png" height="34" width="34" alt="תמונה"></a>
    </div>
</div>
<p class="hr"></p>
</center>

<!-- 3 pub -->

<center>
<div id="wrap">
    <div id="left_col">
    <a...

CSS

#wrap {
   width:300px;
   margin:0 auto;
   padding-top:5px;
   padding-bottom: 2px;
   
}
#left_col {
   float:left;
   width:80%;
   direction:rtl;
   text-align: right;
  
}
#right_col {
   float:right;
   direction:center;
}
a {
   text-decoration: none;
   color:black;
   font-family: sans-serif;
}
p.hr {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
    margin-top:50px;
    width: 290px;

}