CSS Customisation Help Needed

[bbilal]

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: 5190 this is actually a Mashable Post Box I want exactly like this same width and height.

This is How I made.
5191


.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;

}



<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?