/*
CSS Floating Examples 
------------------------------------
*/
/*
	float:right;
	float:left;
horizontal positioning of elements to 
one side of the parent container
and allow other content to position beside 
*/
.float_left{
	float:left;
}
.float_right{
	float:right;
}
/*
	shape-outside: shape();
can be used to manipulate the shapes
formed by text wrapping	around floated items
*/
.float_circular{    
  float:left;
  shape-outside: circle(50%);
  width: 200px;
  height: 200px;
  border:none;  
}

/* 	using clear:both; will make 
	non-floated content begin on a fresh line-height
	and NOT be positioned beside floated items
*/
.clear{
	clear:both;
}

/*
	parent tags will collapse on floated child tags
	to stop this from happening, add 
	overflow:auto; 
	to the collapsing parent 	
*/	
.collapsing_parent{
	overflow:auto;
}


/*
basic box model properties to make 
articles and images stand out visually
*/
article, img{
	border:solid 1px black;
	margin:20px;
	padding:5px;
	background-color:#efefef;
}

.background_text {
    color: #aaa;
}