CSS Problem? Text bricht nicht um
Hi,
ich habe vier divs, also 4 Boxen. Box a und b nebeneinander, darunter Box c und d nebeneinander.
In den Boxen sind noch je eine h2 mit einem Icon davor, darunter steht Text.
Beim Kleinerskalieren des Browserfenster rutschen die Boxen b und d wie gewünscht unter Box a bzw c, aber der Text
wird abgeschnitten, bricht also nicht um. Sobald ich width abstelle, funktioniert der Textumbruch, aber ich habe die Boxen
dann über die ganze Breite untereinander. Wie kann man das lösen?
Code:
#box-a, #box-b, #box-c, #box-d.ce_text {
float: left;
margin-left: 20px;
padding-bottom: 20px;
width: 440px;
}
Danke im Voraus!
CSS Problem? Text bricht nicht um
Hi,
danke für Eure Antworten.
Im Prinzip möchte ich das Verhalten erreichen, wie es die icon divs auf der Startseite von contao.org beim kleiner Skalieren haben.
Text soll umbrechen, Boxen sollen zumindest oben/horizontal auf einer Linie bleiben, bis sie dann bei zu wenig Platz untereinader rutschen.