Div Boxen anpassen

[Mo]

erstmal hallo an die Community ;),

Ich möchte für ein Forum verschiedene Div Boxen haben, das ist grafisch mein vorläufiges ergebnis:

Ich möchte aber gerne, das:
erstmal hallo an die Community ;),

Ich möchte für ein Forum verschiedene Div Boxen haben, das ist grafisch mein vorläufiges ergebnis:

Ich möchte aber gerne, das:

1. Zwischen den beiden Divs Community und Test ist ein Abstand, wie kann ich diesen Wegmachen?, das test div soll also direkt unter dem Community div erscheinen.

2. Wie kann ich den Abstand zwischen test1, test2, test3 verringern?

Hier anbei noch meine css:

.Balken_Schwarz {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-style: normal;
 color: #FFFFFF;
 background-color: #000000;
 font-weight: bold;
 width: 300px;
}
.Grau_Text {
 font-family: "Times New Roman", Times, serif;
 font-size: 14px;
 font-style: normal;
 font-weight: lighter;
 background-color: #999999;
 color: #0099FF;
 width: 300px;
 page-break-after: auto;
 white-space: nowrap;
 word-spacing: 10px;
 letter-spacing: normal;
 vertical-align: top;
}

Vielen Dank
Schönen Sonntag Morgen

[Scmidt]

Ganz spontan empfehle ich mit "margin:0px;" herumzuspielen.
Bzw. "margin-top:0px;" und "margin-bottom:0px;".
Hoffe es hilft.

[Claus]

.Balken_Schwarz {
  margin:0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: #FFFFFF;
 background-color: #000000;
 font-weight: bold;
 width: 300px;

}
.Grau_Text {
 margin:0;
padding:0;
 line-height: *hier.die.gewünschte.höhe*px;
 font-family: "Times New Roman", Times, serif;
 font-size: 14px;
 font-weight: lighter;
 background-color: #999999;
 color: #0099FF;
 width: 300px;
  vertical-align: top;
}
wenn der Text im grauen Feld durch <li> oder <p> getrennt ist, müssen diese Tags noh definiert werden. Bei simplem <br> müssten es die Stilangaben von oben tun. Kennst Du www.css4you.de?
Grüße,
Claus