Hello,

I am currently working on a WP Theme I am trying to customised it but I am at very beginner level right now.

I am trying to make a Post-Box like this: Click image for larger version. 

Name:	Screen Shot 2013-08-26 at 22.28.50.jpg 
Views:	221 
Size:	13.2 KB 
ID:	5190 this is actually a Mashable Post Box I want exactly like this same width and height.

This is How I made.
Click image for larger version. 

Name:	Screen Shot 2013-08-26 at 22.30.38.jpg 
Views:	159 
Size:	8.3 KB 
ID:	5191

Code:
.list {

	padding: 10px;

	overflow: hidden;

}

.list-single {
	width: 162px;

	display: inline;

	float: left;

	margin:10px;

	text-align: center;

	color: #575757;

	border-radius: 5px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-ms-border-radius: 5px;

	-o-border-radius: 5px;

	background: #F4F4F4;

	box-shadow: 0px 5px 8px #CCC;

	-moz-box-shadow: 0px 5px 8px #CCC;

	-webkit-box-shadow: 0px 5px 8px #CCC;

	-ms-box-shadow: 0px 5px 8px #CCC;

	-o-box-shadow: 0px 5px 8px #CCC;

	height: 240px;

	border: 1px solid #BBB;


}

.list-single:hover  {

	background: #EDF0FE;

	text-shadow: 0 0 #CCC;

	box-shadow: 0 5px 10px #9FA8F7;

}
HTML Code:
			<div class="list">



				<?php if (have_posts()) : while(have_posts()) : the_post() ?>



					<?php echo listsingle();?>



				<?php endwhile; endif;?>



				<div class="clear"></div>



				<div class="more">



					<a href="<?php bloginfo('url');?>/most-recent">More</a>



				</div>



			</div>



	</div>
Can anyone please help me with this?