News Feed Display not working

Many thanks for this follow-up change. I have edited the layout.css file and made two changes:

I added the line
margin: 10px
from the section you highlighted at the end where it appears in your example since it was missing in my file

And

I changed the line
margin: 5px 0!important; to: margin: 5px!important;
as you have instructed

Now the display of my news feed looks PERFECT!

Thank you for your super fast and super smart support!

Well... I am sorry to report a new problem has somehow been introduced which now affects the entire site:

Check the home page: usbpa.net ... Also select any of the menu items such as Who Did It? -> Celebrities.
Or check on the Celebrity News Test in the Right side Feeds menu.

In each case there are now huge white spaces everywhere... The home page never had this problem. And now the news feed is back to where it was before.

I am puzzled... because initially the changes we made seemed to work on the news feed... and the home page was working correctly as well.

This morning I have been working on content and testing some new extensions... AllVideos (plugin) and Fast Social Share (plugin)...

Thinking one of these may have introduced this problem I unpublished them... but the problem persists...

The last change I made to layout.css now looks like this:

div.item, div.itemContainer, div.userItemView, div.tagItemView, ol.dynlayout_feed li {
border:1px solid #ccc;
margin:5px!important;
padding:10px;
float:left;
width:auto;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
margin: 10px;
}

Can you take another look please? Perhaps there is some additional code which we need to add or change to fix the new issue. Thanks.

If you don't want spaces reduce margin and padding in that css entity

I rolled the site back before I installed the plugins....

I think the plugins may have introduced the error... I will do some testing.

With site restored to the point before changes to layout.css home page is normal. And feed has big empty spaces.

But unlike result earlier today... performing this change:

In layout.css:

div.item, div.itemContainer, div.userItemView, div.tagItemView, ol.dynlayout_feed li {
border:1px solid #ccc;
margin: 5px 0!important;
padding:10px;
float:left;
width:auto;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
margin: 10px;
}

modify:
margin: 5px 0!important;

margin: 5px!important;

Did not fix feed page.

One more look please?

Try to add min-width and min-height properties to make items same size