kein Zeilenumbruch in DIV

[ich_eben]

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!

[suit]

ich habe folgendes Problem:
Ich möchte mit DIVs eine Art Tabelle entwerfen.

schlechte idee - das ist nämlich dein problme

2-spaltige sachen sind vermutlich tabellen oder defintionslisten, 3 spaltige dinge mit hoher wahrscheinlichkeit tabellen

Es wird allerdings kein Zeilenumbruch gemacht - der Text geht einfach über den Rand raus.

wenn dus vernünftig machst, hast du dieses problem nicht

wir helfen dir gerne bei deinem problem - den zeilenumbruch in deinem fall zu "erzwingen" ist kein besonders großes problem, allerdings denke ich dass deine schwierigkeit tiefer sitzt und du entweder ein mehrspaltiges css layout umsetzen willst (da ist deine methode etwas unglücklich) oder in der tat eine tabelle oder defintionsliste mit divs nachbauen willst - das ist auch eine blöde idee, da tabellen nicht prinzipiell schlecht sind nur nur, wenn man sie zu designzwecken missbraucht