JSFiddle - React, Tailwind, and code Playground

by tchalvakspam

HTML

<div class="container">
        <div class="tabletContainer">
            
            
            <div class="left">It is well enough that people of the nation do not understand our banking and monetary system, for if they did, I believe there would be a revolution before tomorrow morning.
            </div>
            <div class="middle">Under capitalism, man exploits man. Under communism, it's just the opposite.
            </div>
         
        </div>
        <div class="right">One of the funny things about the stock market is that every time one person buys, another sells, and both think they are astute
        </div>
    </div>

CSS

/* reset browser styles */
        html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
        table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
        figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
        time, mark, audio, video {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 100%;
            vertical-align: baseline;
        }

        article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
            display: block;
        }

        body {
            line-height: 1.2;
        }

        ol {
            padding-left: 1.4em;
            list-style: decimal;
        }

        ul {
            padding-left: 1.4em;
            list-style: square;
        }

        table {
            border-collapse: collapse;
            border-spacing: 0;
        }
        /* end reset browser styles */

        /*Fill all available spaces*/

        * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
           
        }


        .container {
            width: auto;
        }

            .container:after {
                content: " ";
                clear: both;
                display: table;
            }


        .tabletContainer {
            /*The total width for the first two column*/
            width: 67%;
            float: left;
            display: block;
        }



        .left {
            background-color: red;
            float: left;
            /*Each column takes have of the container size, so their width =67/2 = 33.5%*/
            width: 50%;
        }

        .middle {
           ...