Bottom border after each wordpress post

HTML & CSS
1

So, I’ve tried a few things to get a border bottom after each wordpress post on my feedback, but I can’t quite get it.

http://www.connect4webdesign.com/ournewsblog/

I tried a to target one post specifically and then I tried to target all posts. My goal of course is on class for all posts, but I wanted to test it on one of the posts.

.post-277 {
border-bottom:thin solid #333;
background-color:#66FF33;

}

.onepost {
border-bottom:thin solid #333;
background-color:#66FF33;

}

<?php
$args = array( ‘posts_per_page’ => 100, ‘order’=> ‘ASC’, ‘orderby’ => ‘title’ );
$postslist = get_posts( $args );
foreach ( $postslist as $post ) :
setup_postdata( $post ); ?>

<section class=“onepost”>

&lt;section &lt;?php post_class()?&gt;&gt;

			&lt;section class="PostsDates"&gt;   
  		    &lt;p class="PostsDate"&gt;&lt;?php the_time(get_option('date_format'));?&gt;&lt;/p&gt;
			&lt;/section&gt;


	&lt;section class="DateAndExcerpt"&gt;
    
    		&lt;p class="PostsTitle"&gt;&lt;?php the_title(); ?&gt; &lt;/p&gt;  
	
			&lt;section class="PostsExcerpt"&gt;&lt;?php the_excerpt(); ?&gt;&lt;/section&gt;
    
	&lt;/section&gt; &lt;!--DateAndExcerpt--&gt;
    
    
&lt;/section&gt; &lt;!--post_class--&gt;

</section> <!–onepost–>

<?php
endforeach;
wp_reset_postdata();
?>

2

Try this:

.onepost {
border-bottom: thin solid #333;
background-color: #6F3;
[COLOR="#FF0000"]overflow: hidden;[/COLOR]
}
3

It worked! thanks. Ralph.m you or someone else fixed another one of my problems with the same solution. Man this overflow:hidden is nice, but I don’t get it 100%

4

A container doesn’t wrap around floated contents by default. They hang out of the container, so the container had zero height. Adding overflow: hidden forces the container to look at what’s inside it and to enclose it. It’s just one of a number of strategies for bringing this about.