JSFiddle - React, Tailwind, and code Playground

by ronnjoe

HTML

<div>
    <table>
        <tr>
            <td>
                <div>1</div>
                <div>1</div>
                <div>1</div>
                
            </td>
            <td>
                <div>2</div>
                <div>2</div>
                <div>2</div>
            </td>
            <td>
                <div>3</div>
                <div>3</div>
                <div>3</div>
            </td>
            <td>
                <div>4</div>
                <div>4</div>
                <div>4</div>
            </td>
        </tr>
    </table>
    <table>
        <tr>
            <td>
                
            </td>
            <td>
                <table>
                    <tr>
                        <td rowspan="2">
                            <div>Name1</div>
                            <div>Name2</div>
                            <div>Name3</div>
                            <div  style="font-weight:bold;" class="bold">
                                <p>Hi</p>
                                <p>Hello</p>
                                <p>How</p>
                                <p>R</p>
                                <p>U</p>
                            </div>
                        </td>
                                               
                        <td>
                            <div> Info1 </div>
                             <div> Info2 </div>
                             <div> Info3 </div>
                            <div>
                                <div  style="float:left;" class="floatL">
                            <input type="checkbox" name="carrierType" /><label>National</label> 
                            </div>
                            <div>
                            <input type="checkbox" name="carrierType"/><label>International</label> 
                                </div>
                                <div  style="float:right;" class="floatR">
                                    CMR Inr: 123456
   ...

CSS

bold {
    font-weight:bold;
}
floatL {
    float:left;
}
floatR {
    float:right;
}