JSFiddle - React, Tailwind, and code Playground

HTML

// H1 & Div<br/>
<div class="div2 round">Test 2</div>
<div class="div1 round">Test 1</div>

// Table example
<table>
    <tr>
        <td style="width:100%;">
            <div class="div1 round">Test 1</div>
        </td>
        <td nowrap>
            <div class="div2 round">Test 2</div>
        </td>
    </tr>
</table>

CSS

.div2 {
    background:#EDEDED;
    float:right;    
}
.div1  {    
    background:#CCC;
    overflow: hidden;
    position: relative;
}
.div1, .div2 {
    padding:4px;
    margin:4px;
}
.round {
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    border:1px solid #000;
}