ich_eben: kein Zeilenumbruch in DIV

Beitrag lesen

Hallo,

ich habe folgendes Problem:
Ich möchte mit DIVs eine Art Tabelle entwerfen.
Die Spaltenbreite ist fix (siehe CSS).
Es wird allerdings kein Zeilenumbruch gemacht - der Text geht einfach über den Rand raus.

Hier der Aufbau:

<div>
 <div class="nr_1">ABC</div>
 <div class="nr_2">Test</div>
 <div class="nr_3">... und hier eben der Text der wenn er zulang ist nicht umbricht!</div>
</div>

und hier CSS:

.nr_1 {
 width: 30px;
 display: -moz-inline-box;
 display: inline-block;
}
.nr_2 {
 width: 100px;
 display: -moz-inline-box;
 display: inline-block;
}
.nr_3 {
 width: 320px;
 display: -moz-inline-box;
 display: inline-block;
}

Danke für eure Hilfe!