JSFiddle - React, Tailwind, and code Playground

by Dave Kaye

HTML

<body>
	<div class="container">
		<div class="topcontain">
			<div class="topleft">testing left</div>
            <div class="topcenter"><img class="floatimg" src="http://s3.postimg.org/4smfaxjtb/toutdemo.png"></div>
			<div class="topright">testing right</div>
		</div>
		<div class="bodypart">
			<div class="logo"><img src="http://s3.postimg.org/o974xgexb/demologo.png"></div>
			<div class="bodycopy">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere, voluptas, nobis consequatur natus odit incidunt doloribus ipsa cum commodi dolor nostrum id saepe illo harum provident explicabo pariatur autem. Quam.</p>
				<p>Sed, consequatur, ipsa quod nobis at magnam omnis ducimus adipisci quam mollitia quisquam minima sit voluptatem sequi deleniti exercitationem qui quos accusamus eveniet nostrum similique vitae nihil repellat itaque quis!</p>
				<p>Labore, ipsa, veritatis, voluptatum quasi similique blanditiis consectetur eaque alias illo ut iure fugit? Reiciendis, blanditiis, maiores, asperiores, exercitationem earum placeat est ex quae minus deleniti itaque animi eius omnis.</p>
				<p>Culpa, aspernatur, dicta, molestiae maiores consectetur in fugit iste reiciendis ducimus nostrum tenetur temporibus modi quae blanditiis pariatur! Atque, pariatur tempore sint nam id odit architecto sunt asperiores blanditiis odio?</p>
				<p>Inventore laboriosam id temporibus fugiat. Cum, doloribus, aperiam dolorem omnis reiciendis commodi officia temporibus debitis nihil sequi molestias similique quia. Tempore, deserunt, repellat consequuntur hic earum inventore repellendus sed saepe?</p>
			</div>
		</div>
	</div>
</body>

CSS

.container {
		text-align: center;
	}
	.topcontain {
		width:80%
		text-align:center;
		/*overflow: hidden;*/
		border:1px solid #f00;
		height:75px;
	}
	.topleft {
		/*margin:auto;*/
		width:35%;
		float:left;
		border:1px solid #00f;
	}
	.topcenter {
		width:256px;
		float:left;
		border:1px solid #0f0;
	}
	.topright {
		float:right;
		width:35%;
		border:1px solid #ff0;
	}

	.bodycopy {
		text-align:left;
	}