JSFiddle - React, Tailwind, and code Playground

by madprops

HTML

<div id="leftblock">a</div>


<div id="contentblock">b</div>


<div id="rightblock">c</div>

CSS

#leftblock{
    position: fixed;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 10px;
    border: 5px solid #ccc;
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 120px;
}

#contentblock{
    margin: 0px 190px 0px 190px;
    padding: 10px;
    border: 5px solid #ccc;
}

#rightblock{
    position: fixed;
    top: 0px;
    right: 0px;
    margin: 0px;
    padding: 10px;
    border: 5px solid #ccc;
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 120px;
}