CodePen

HTML

            
              <div class="wrap">	
  <section class="main-blog grid-60">
			<article>
				<h2>Breaking News On Design Standards</h2>
				<time>March 20, 2013</time>
				<p>In the last 15 years, the web presence of businesses in today's economy has gone from non-existent to being perhaps the most significant source of impression.  Many businesses and organizations function entirely on the web, while even custom. In the last 15 years, the web presence of businesses in today's economy has gone from non-existent to being perhaps the most significant source of impression.  Many businesses and organizations function entirely on the web, while even custom</p>
			</article>

			<article>
				<h2>Breaking News On Design Standards</h2>
				<time>March 20, 2013</time>
				<p>In the last 15 years, the web presence of businesses in today's economy has gone from non-existent to being perhaps the most significant source of impression.  Many businesses and organizations function entirely on the web, while even custom. In the last 15 years, the web presence of businesses in today's economy has gone from non-existent to being perhaps the most significant source of impression.  Many businesses and organizations function entirely on the web, while even custom. In the last 15 years, the web presence of businesses in today's economy has gone from non-existent to being perhaps the most significant source of impression.  Many businesses and organizations function entirely on the web, while even custom</p>
			</article>

			<article>
				<h2>Breaking News On Design Standards</h2>
				<time>March 20, 2013</time>
				<p>In the last 15 years, the web presence of businesses in today's economy has gone from non-existent to being perhaps the most significant source of impression.  Many businesses and organizations function entirely on the web, while even custom. In the last 15 years, the web presence of businesses in today's economy has gone from non-existent to being perhaps the most significant source of impression.  Many businesses and organizations function entirely on the web, while even custom. In the last 15 years, the web presence of businesses in today's economy has gone from non-existent to being perhaps the most significant source of impression.  Many businesses and organizations function entirely on the web, while even custom</p>
			</article>
		</section>
</div>
            
          
!

CSS

            
              .wrap {
  width: 100%;
}

.main-blog {
  margin: 20px;
	padding: 20px;
	background: #cccccc;
  width: 60%;
  position: relative;
}

	.main-blog:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		right: 10px;
		top: 10px;
		background: #999;
    z-index: -1;
	}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................