JSFiddle - React, Tailwind, and code Playground

HTML

<table border="0" cellpadding="0" cellspacing="0" width="650" bgcolor="ffffff">
                        <tr>
                            <td bgcolor="#ff0000" valign="top" height="250" width='30' rowspan="3">
                                Height: 250px
                            </td>
                            <td background="images/top_2_2a.gif" bgcolor="#00ff00" valign="top" width="455" height="42">
                                Height: 42px
                            </td>
                            <td background="images/top_2_3a.gif" bgcolor="#0000ff" valign="top" width="135" height="116" rowspan="2">
                                Height: 116px
                            </td>
                            <td bgcolor="#ff00ff" valign="top" height="250" width='30' rowspan="3">
                                Height: 250px
                            </td>
                        </tr>
                        <tr>
                            <td background="images/top_2_2b.gif" bgcolor="#00ffff" valign="top" width="455" height="208" rowspan="2">
                              <div>                            
                                  <div style="font-size:43px; color:#000; font-family: arial; vertical-align: bottom">
									Height: 208px
                                </div>
                              </div>
                            </td>
                        </tr>
                        <tr>
                            <td background="images/top_2_3b.gif" bgcolor="#ffff00" valign="top" width="135" height="134">
                              <div>
                              <div style="padding-bottom:0px;font-size:13px; color:#000; vertical-align: bottom;font-family: arial">
                                  Height: 134px
                                </div>
                                  </div>
                            </td>                            
                        </tr>
                    </table>