JSFiddle - React, Tailwind, and code Playground

by lalatino

HTML

<div id="block_1">
    ...1 <br/>1<br/>1<br/>1
</div>
<div id="block_2">
	...2
</div>
<div id="block_3">
	...3
</div>

a <div style="clear:both;"></div> b

<!-- http://www.positioniseverything.net/articles/onetruelayout/anyorder.html -->

CSS

#block_1
	{
	float: left;
	width: 34%;
	margin-left: 33%;
    background-color:#00f;
	}
#block_2
	{
	float: left;
	width: 33%;
	margin-left: -67%;
    background-color:#f0f;
	}
#block_3
	{
	float: left;
	width: 33%;
    background-color:#ff0;
	}