Position #5

[ejmoyer]

css-positioning-lab/my-styles.css

Lines 168 to 191 in dd18b2b

	#position-05 .outer-box:first-child {
	position: relative;
	background: lightgray;
	width: 4rem;
	height: 4rem;
	top: 1rem;
	left: 0;
	}
	#position-05 .outer-box:last-child {
	position: relative;
	background: lightgray;
	width: 4rem;
	height: 4rem;
	top: -3rem;
	left: 20rem;
	}
	#position-05 .inner-box {
	position: relative;
	background: darkgray;
	width: 1rem;
	height: 1rem;
	top:1.5rem;
	left:1.5rem;
	}

There was probably a cleaner way of doing this. But the boxes are separate and have the smaller boxes in the center.