JSFiddle - React, Tailwind, and code Playground
HTML
<table style="background:#fff;width:300px;margin-left:14px;" class="form">
<tbody><tr style="">
<td class="bosluk"></td>
<td class="alis_baslik"><strong>ALIŞ</strong></td>
<td class="satis_baslik"><strong>SATIŞ</strong></td>
</tr>
<tr style="border-bottom:1px solid #e4e4e4;">
<td class="ikonlar"><strong>$ </strong></td>
<td class="kurlar">DOLAR</td>
<td class="alis">2.2804</td>
<td class="satis">2.2914</td>
</tr>
<tr style="border-bottom:1px solid #e4e4e4;">
<td class="ikonlar"><strong>$ </strong></td>
<td class="kurlar"><strong>DOLAR</strong></td>
<td class="alis">2.2804</td>
<td class="satis">2.2914</td>
</tr>
<tr style="border-bottom:1px solid #e4e4e4;">
<td class="ikonlar"><strong>$ </strong></td>
<td class="kurlar"><strong>DOLAR</strong></td>
<td class="alis">2.2804</td>
<td class="satis">2.2914</td>
</tr>
<tr style="border-bottom:1px solid #e4e4e4;">
<td class="ikonlar"><strong>$ </strong></td>
<td class="kurlar"><strong>DOLAR</strong></td>
<td class="alis">2.2804</td>
<td class="satis">2.2914</td>
</tr>
</tbody></table>
CSS
.bosluk {
width:130px;
height:10px;
}
.alis_baslik {
padding-left:123px;
}
alis_baslik strong{
font-size:12px;
font-family: Arial;
font-weight: bold;
color: #333333;
//padding-left:140px;
}
.satis_baslik {
font-size:12px;
font-family: Arial;
font-weight: bold;
color: #333333;
position: absolute;
margin-top:-18px;
margin-left:15px;
}
.ikonlar {
padding-left:20px;
font-family: Arial;
font-size:12px;
font-weigth: bold;
color: #000;
}
.kurlar {
padding-right:0px;
margin-top:-16px;
}
.alis {
padding-right:10px;
}