JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>floating divs layout</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head> 
<body>

<div id="wrapper">

    <div id="left">
    <p class="t0">lorum itsum left</p>
    <div>

    <div id="right">
<p class="t0">lorum itsum right</p>
    <div>





<div>
</body>
</html>

CSS

/* Body and main componets, left and right are text boxes. */

body {
        background-color:#cf2c1b;
}
    
#wrapper
    { 
    margin: 0 auto;
    width:775px;
    height:800px;
    background-color:#fff;
    }
    

#left
     {
    position:absolute;
    background:#c3d7fc;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-top:5px;
     margin-left: 7px;
    margin-right: 7px;
    width:286px;
    }

#right 
    {
    position:absolute;
    background:#c3d7fc;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-top:5px;
    width:400px;
    }
    
    /* Text and such, number denotes em size */
    
.t1
{    text-decoration:underline;
    font-weight:bold;
    color:#000;
    letter-spacing:1pt;
    word-spacing:2pt;
    font-size:1em;
    text-align:left;
    font-family:palatino linotype, palatino, serif;
    line-height:1;
}



.t2
{
    font-weight:bold;
    font-variant:small-caps;
    color:#000;
    letter-spacing:1pt;
    word-spacing:2pt;
    font-size:2em;
    text-align:left;
    font-family:trebuchet MS, sans-serif;
    line-height:1;
}



.t0
{
    font-weight:normal;
    color:#000;
    letter-spacing:1pt;
    word-spacing:2pt;
    font-size:1em;
    text-align:left;
    font-family:trebuchet MS, sans-serif;
    line-height:1;
}