/* ensure all page elements use box-sizing:border-box; */
/*
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
*/

/* 
by default, does NOT
include padding and borders in box dimensions */
.item{
	background-color:#ababab;

	/* take up one quarter of parent width */
	width:25%;
	
	/*  add 1px border left and right,
		add 5px padding left and right
		total of 12px wider than specified width: 
	aka: 12px wider than 25% of parent width
	*/
	border:solid 1px black;
	padding:0px 5px;

	float:left;
		
}

/* include padding and borders in box dimensions */
.box-sizing{
	box-sizing: border-box;
}



/* stop non-floated content from positioning beside floats */
.clear{
	clear:both;
}