JSFiddle - React, Tailwind, and code Playground

HTML

<table >
<tr >
<td  class="tblcellA">ار نام خداست سرآغاز گفتار</td>
<td  class="tblcellB">كه رحمتگر و مهربان خلق راست</td>   
</tr>
<tr >
<td  class="tblcellA"> ستايش بود ويژه كردگار </td>
<td  class="tblcellB"> كه بر عالمين است پروردگار </td>   
</tr>
</table>

CSS

body
{
   overflow:hidden;
   font-family:tahoma;
   FONT-SIZE:15px;
direction:rtl;
}
.tblcellA
{
    BORDER-RIGHT: #7e975b 1px solid;
    BORDER-TOP: #7e975b 1px solid;
    BORDER-LEFT: #7e975b 1px solid;
    BORDER-BOTTOM: #7e975b 1px solid;

   text-align:justify;
   padding-right:18px;
    width:auto;
   max-width:230px;
    vertical-align:top;
    display:table-cell

}
.tblcellB
{
    BORDER-RIGHT: #7e975b 1px solid;
    BORDER-TOP: #7e975b 1px solid;
    BORDER-LEFT: #7e975b 1px solid;
    BORDER-BOTTOM: #7e975b 1px solid;
    width:auto;
   max-width:230px;
   text-align:justify;
   padding-right:18px;
    vertical-align:top;
    display:table-cell
}