JSFiddle - React, Tailwind, and code Playground

by Alex

HTML

<main></main>
<footer>
<div class="wrapper">
				
                <div id="cont-left">
					<h3><a href="mailto:[email protected]">[email protected]</a></h3>
                    <h3><a href="mailto:[email protected]">[email protected]</a></h3> 
				</div>
				
                <div id="cont-right">
					<ul>
						<li>
							<strong>Rio de Janeiro</strong>
							<p>R. Homero Fortuna Carneiro, 652, Campo Grande</p>
							<p>80520 200</p>
							<p>(21) 3449-7284</p>
						</li>
						<li>
							<strong>Rio de Janeiro</strong>
							<p>Estr. das Agulhas Negras, 151, Campo Grande</p>
							<p>22411 000</p>
							<p>(21) 3495-8415</p>
						</li>		
					</ul>
			</div>
</footer>

CSS

main{
    float: left;
    width: 100%;
    height: 200px;
    background: #000;
    position: absolute;    
}

.wrapper {
	width: 1080px;
	margin: 0 auto;
	/*background-color:#3F3;*/
}

footer {
	clear:both;
	width: 100%;
	/*height: 300px;*/
	background-color: #95a5a5
}

footer p {
	color: #fff;
}


#cont-left{
    width: 530px;
	height: 250px;
	padding-top: 20px;
	float: left;
}