[HTML] DIV-Element wächst nicht mit

[7daystodie]

Ich habe es mal so gelernt, dass ein Block-Element, welches keine Höhe zugewiesen bekommt sich dem Inhalt anpasst. Jedoch habe ich es mal ausprobiert und der Text ist einfach flooded...

Ich stehe entweder stark auf dem Schlauch, oder da läuft wirklich was falsch.





Ächtet mich, wenn der Fehler "super-mega-ersichtlich" ist. Wenn nicht... dann nicht ^_^

[NotEnoughForYou]

Es ist ein Wort, HTML kann nicht automatisch Wörter trennen (da hier Silben trennung nötig wäre)


Gesendet von iPhone mit Tapatalk Pro

[7daystodie]

Originally Posted by NotEnoughForYou

Es ist ein Wort, HTML kann nicht automatisch Wörter trennen (da hier Silben trennung nötig wäre)


Gesendet von iPhone mit Tapatalk Pro

Die Antwort ist simpel, aber muss man ja auch erst mal wissen

Vielen vielen Dank

[#Metho]

@7daystodie, @NotEnoughForYou, das mit der Worttrennung geht, zwar nicht nach Silbentrennung, aber mit bisschen CSS kann man auch sehr lange Wörter trennen.

HTML:

<div id='div'>
 EinSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrLangesWort
</div>

CSS:

<style>
#div {
  width: 200px;
  
  padding: 20px 5px;
  margin: 20px auto;
  
  background-color: #E0FFFF;
  
  /* Lässt den Text umbrechen: */
  word-break: break-all;
}
</style>

Fiddle: