JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content">
        <span id="left">
            left
        </span>
        <span id="right">
            right
        </span>
    </div>

CSS

@media all {
    body,html {
        margin:0; padding:0;
    }
    #content {
        position: absolute;
        width: 8.5in;
        left: 50%;
        margin:  0 0 0 -4.25in;
        padding: 0;
    }
    #left {
        width: 30%;
        display: inline-block;
        background-color: lightgray;
        float:left;
    }
    #right {
        width: 70%;
        display: inline-block;
        background-color: cornflowerblue;
        float:left;
    }
}