JSFiddle - React, Tailwind, and code Playground

by spacebeers

HTML

<table width="400">
    <tr>
        <td class="container">
            <div class="floatingContentOne">&nbsp;</div>
            <div class="floatingContentTwo">&nbsp;</div>
            
        </td>
    </tr>
</table>

CSS

.container {
 background: green;
  position: relative;  
    width: 100%;
    height: 200px;
}

.floatingContentOne {
  width: 200px;
  height: 50px;
  position: absolute;
  top: 0px;
  right: 0px; 
  background: red;
}

.floatingContentTwo {
  width: 100px;
  height: 20px;
  position: absolute;
  top: 0px;
  right: 0px; 
  background: blue;
}