JSFiddle - React, Tailwind, and code Playground
by Ali Khaled
HTML
<style>
.row-level-sub{
font-size: 14px;
line-height: 20px;
font-family: sans-serif;
}
.row-level-top
{
color:#666;font-family:Arial, Helvetica, sans-serif; padding: 0px 0px 18px 0px; border-bottom: 1px solid #ddd;
margin-top: 14px;
}
.row-level-main{
font-size: 20px;
}
.middle-level{
height:10px;
width:100%
}
.inside-special-row:hover{
background-color:#ddd;
}
.special-table{
background-color: #f2f2f2;
}
.inside-special-data{
padding: 0px 28px 0px 28px;
}
</style>
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable" style="color:#000;font-family:Arial, Helvetica, sans-serif;">
<tbody>
<tr>
<td class="ad-top-bar" style="padding:10px 0;">
<table align="left" cellpadding="0" cellspacing="0" border="0" class="ad-max70 columnWrapper" style="width: 100%;">
<tbody><tr>
</tr>
<tr>
<td align="center">
<img width="44px" src="https://liveauction360.com/invoice/common/image/ggggg.png" alt="logo2" style="
text-align: center;
width: 187px;
"><br></td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td align="center" valign="top">
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0" class="ad-templateContainer special-table" style="">
<tbody>
<!--- new question starts -->
<tr class="inside-special-row">
<td class="inside-special-data">
<table class="row-level-top" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td></td></tr>
<tr class="row-level-main">
<td>
How Long before I get my package?
</td>
...