` <div style="width: 100%;" class="d-table text-center">
<div class="d-table-row text-uppercase ">
<div style="width: 33.333%; border-bottom: 1px solid #353535; border-right: 1px solid #353535;" class=" d-table-cell">
<span>B+</span>
<pre style="font-size: 13px;">total grade</pre>
</div>
<div style="width: 33.333%; padding: 0px 0px 0px 0px; border-bottom: 1px solid #353535; border-right: 1px solid #353535;" class=" d-table-cell">
<span>14,917th</span>
<pre style="font-size: 13px;">SUBSCRIBER RANK</pre>
</div>
<div style="width: 33.333%; font-size: 13px; border-bottom: 1px solid #353535; " class=" d-table-cell ">
<span>2,377th</span>
<pre style="font-size: 13px;">VIDEO VIEW RANK</pre>
</div>
</div>
</div>`
width'ı 33.333% diye eşit bir şekilde dağıttım fakat görüntü fotoğrafdaki gibi oldu anlamadım