Abstand mit CSS

Hi

Habe ein kleines CSS-Problem dem ich einfach nicht zugrunde komme. Habe ein Div in dem ich die Navigation erstelle. Das Menü besteht aus "Navigationsblöcken" mit einem Titel (Kategorie) und den entsprechenden Menüpunkten. Wie kann ich nun, wenn ich mehrere dieser Blöcke habe, korrekt einen Abstand zwischen die einzelnen Blöcke einfügen.

Es ist sicher nicht schwierig, aber ich finde den korrekten Code nicht. Kann mir jemand von euch helfen?

Der Code ist hier:

/* Primary Navigation */


.prinavtitle                               { padding:10px 0px 0px 0px; margin:0px; width:180px; list-style:none; }
.prinavtitle li                            { color:#EEEEEE; padding:3px 0px 3px 8px; border-top:1px solid #000000; border-bottom:1px solid #000000; background:#796742; }


.prinavlist                                { padding:0px; margin:0px; width:180px; list-style:none; }
.prinavlist li                             { border-bottom:1px solid #000000; }
.prinavlist li a                           { display:block; padding:3px 0px 3px 8px; background-color:#CFC2A7; color:#000000; text-decoration:none; }
.prinavlist li a:hover                     { background-color:#D9CEB9; color:#000000; }

Ist ein ziemliches gebastel.. meine ersten Gehversuche mit CSS

Danke.

Dann habe ich den Abstand aber nach jedem Navigationspunkt. Das Menü ist so aufgebaut:

.prinavtitle (<- Titel)
.prinavlist (<- Navigationspunkte)
.prinavlist
.prinavlist

[ABSTAND]

.prinavtitle (<- Titel)
.prinavlist (<- Navigationspunkte)
.prinavlist
.prinavlist

[ABSTAND]

.prinavtitle (<- Titel)
.prinavlist (<- Navigationspunkte)
.prinavlist
.prinavlist

etc..

Im Grunde müsste ich das Margin ja über dem .prinavtitle einfügen. Aber dann hätte ich es über dem ersten auch und der soll keinen Abstand zum oberen Rand des Div's haben.

Cool. Mit den Absätzen scheint es zu funktionieren. Wusste gar nicht, dass dies "erlaubt" ist Danke!