Banners in a mod horizontally with module class suffix

Ask

Greetings, I am trying to get the banners in a module to display horizontally. So I added horiz (starting with space) as a Module Class Suffix. I see that the module now has bannergroup and horiz as class - <div class="bannergroup horiz">

So I edit the css file and add:

.horiz banneritem{
float: left;
}

But this does not effect the banneritem, why? This not the way to do it? I am using Beez5 template.

Answer

Must have a dot in front of class banneritem

.horiz .banneritem{
float: left;
}