JSFiddle - React, Tailwind, and code Playground

by jerryhuangme

HTML

<div id="container">
            <div id="one">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vestibulum nec nibh ut fringilla. Vestibulum egestas velit quis blandit 
                imperdiet. Nullam sollicitudin commodo odio. Mauris pharetra arcu vel porta dignissim.
            </div>
            <div class="clear"></div>
            <div id="two">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vestibulum nec nibh ut fringilla. Vestibulum egestas velit quis blandit 
            imperdiet. Nullam sollicitudin commodo odio. Mauris pharetra arcu vel porta dignissim.
            </div>
            <div class="clear"></div>
            <div id="three">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vestibulum nec nibh ut fringilla. Vestibulum egestas velit quis blandit 
            imperdiet. Nullam sollicitudin commodo odio. Mauris pharetra arcu vel porta dignissim.
            </div>
        </div>

CSS

#container {
                border:solid;
                overflow:hidden;
                width:50%;
            }
            #one, #two, #three {
                border: solid red;
                width:30%;
                margin:0 auto; /* doesn't do anything */
            }