مطالب چند دسته در برگه

[ssll 20]

سلام من یک برگه درست کردم که مطالب چند دسته وارد برگه بشن اینم کدی که درست کردم :

<?php
/*
Template Name: ghalebe 1
*/
?>
<?php get_header(); ?>
<?php
$rokesh_query = new WP_Query(array(
'post_status' =>'publish',
'post_type' =>'post',
'order' =>'descending',
'orderby' =>'ID',
'cat' =>'1, 3',
'posts_per_page' =>'10',
'paged' => (get_query_var('paged')) ? get_query_var('paged') : 1 )); ?>
<ul class="content">
<?php if($rokesh_query->have_posts()) : while($rokesh_query->have_posts()) : $rokesh_query->the_post();?>
<li>
<div class="thuum">
																 <?php if ( has_post_thumbnail() ) { the_post_thumbnail();} ?>
</div>
<div class="det">
																 <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
</div>
</li>
<?php endwhile;endif;?>
</ul>
<?php wp_reset_query(); ?>

اولا میخوام این مطالب در یک کادر قرار بگیرند و زیر هر مطلبی یک خط کشیده شود در واقع جدا شوند تقرییبا شبیه عکسی که پیسوت کردم بشه

[Parsa 23463]

خاصیت border css

http://www.w3schools.com/cssref/pr_border.asp

برای خط به li استایل border-bottom دهید

http://www.w3schools.com/cssref/pr_border-bottom.asp