JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
	<div id="main">
        <div id="left">Лево</div>
            <div id="text">
		<p>Какой-то текст в контенте</p>
	    <p>end</p>
                </div>
    </div>
</div>
<div id="footer">ывавыаываываыва</div>

CSS

* {margin: 0; padding: 0;}
html, body {height: 100%;}
#container {min-height:100%; background:#cc1; margin:auto;}
#main {padding-bottom:150px; overflow:hidden;}
#text {margin-left:100px;}
#left {float:left; width:100px;}
#footer {height:150px; background:#ac1; margin-top:-150px;}