JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td class="sign" colspan="2">какая-то надпись тут</td>
        <td class="ico">.ico</td>
    </tr>
    <tr>
        <td class="img" colspan="3"><img src="https://gshaw0.files.wordpress.com/2012/10/shocked_cat1.jpg" alt=""></td>
       
    </tr>
    <tr>
        <td class="star">&star;&star;&star;&star;&star;</td>
        <td class="comments" colspan="2">comments </td>
    </tr>
</table>

CSS

table{
    border-collapse:collapse;
    width:400px;
}
td{
    border:1px solid #333;
}
.sign{
    width:70%;
}
.ico{
    width:30%;
}
.star{
    width:50%;
}
.comments{
    width:50%;
}
.img{
    vertical-align:middle;
    text-align:center;
}