JSFiddle - React, Tailwind, and code Playground

by Dimitris Karagiannis

HTML

<div id='container'>
 <p>This is some text contained within a small-ish box. I'm using it as an example of how placing your floated elements in different orders in your HTML can affect your layouts. For example, take a look at this great photo placeholder that should be sitting on the right.</p>
  <img src='http://s30.postimg.org/5uofxf3al/image.gif'>
  <p>This is some text contained within a small-ish box. I'm using it as an example of how placing your floated elements in different orders in your HTML can affect your layouts. For example, take a look at this great photo placeholder that should be sitting on the right.</p>

 </div>

CSS

#container {
	width: 280px;
	margin: 0 auto;
	padding: 10px;
	background-color: #aaa;
	border: 1px solid #999;
}

p {
	width: 100px;
}

img {
	float: right;
}