IMAGES

by Annett

HTML

<div class="box">
	<div class="inner">
		<div class="content"><img src="http://img.cache.vevo.com/Content/VevoImages/video/34DF236BCBC97CD50D194027C1E30043.jpg?width=600&height=500&crop=auto" alt="my bike" /></div>
	</div>
    
	<div class="inner">
		<div class="content"><img src="http://img.cache.vevo.com/Content/VevoImages/video/34DF236BCBC97CD50D194027C1E30043.jpg?width=600&height=500&crop=auto" alt="my bike" /></div>
	</div>    
</div>

CSS

/* angled box styles */

.box{
	width:700px;
	height:300px;
	background:#ccc;	
	overflow:hidden;
	margin:1em 0;
	}
.box .inner{
	width:300px;
	height:450px;
	margin-top:-70px;
	margin-right:100px;
	overflow:hidden;
	background:#aaa;
	float:right;
	border:3px solid #fff;
	}
.box .inner .content{

	width:500px;
	height:320px;
	margin-top:60px;
	margin-left:-80px;
	overflow:hidden;
	background:#f1f1f1;	
	}