JSFiddle - React, Tailwind, and code Playground

by cherry12345

HTML

<body>
	<div  id="main_content">
        <p>Some text</p>
        <p>Some text</p>
        <p>Some text</p>
        <p>Some text</p>
        <p>Some text</p>
        <p>Some text</p>
        <p>Some text</p>
        <p>Some text</p>
        <p>Some text</p>
        <p>Some text</p>
        <p>Some text</p>
        <p>Some text</p>
        <p>Some text</p>
        <p>Some text</p>
        <p>Some text</p>
        <p>Some text</p>
        <p>Some text</p>
        <p>Some text</p>
	</div>
	<div id="footer">
		&copy; 2014-2015 mysite.com. All Rights Reserved.
	</div>
</body>

CSS

#main_content{
	width: auto;
	height:auto;
	position:absolute;
	top:110px;
	left:400px;
	background: #FFF;
	border:1px solid lightgray;
}
#footer{
	position:absolute;
	bottom:0px;
	width:100%;
	background: #666;
	padding: 24px;
	font-size: 12px;
	color: #CCC;
	text-align: center;
}