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 runat="server">
        <title></title>
        <style>
            #parent
            {
                background-color: Orange;
                height: 600px;
                width: 600px;
            }
    
            #placeholder
            {
                background-color: Navy;
                height: 500px;
                width: 100px;
                position: absolute;
                top:100px;
                left: 0px;
                float: left;
                display: inline-block;
            }
            #content
            {
                display: inline;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
            <div id="parent">
                <div id="placeholder"></div>
                <div id="content">
                    
                text text text text text text text text text text text text text text text text text text text text text
                text text text text text text text text text text text text text text text text text text text text text
                text text text text text text text text text text text text text text text text text text text text text
                text text text text text text text text text text text text text text text text text text text text text
                text text text text text text text text text text text text text text text text text text text text text
                text text text text text text text text text text text text text text text text text text text text text
                </div>
            </div>
        </form>
    </body>
    </html>