Wie kann ich den Text in diesem div vertikal erweitern?

Question

Hier ist etwas, das mich für einige Zeit festgefahren hat. Ich habe zwei Geigen erstellt, so dass Sie Live testen können:

Fiddle # 1: http://www.jsfiddle.net/Jdk9R/2/

Fiddle # 2: http://www.jsfiddle.net/d5PEu/

Mit Blick auf die Fiddle # 1 Sie machen können, dass, wenn der Text nicht formatiert ist richtig mit Leerzeichen überflutet der Text die Grenze. Wie mache ich diese Funktion ähnlich wie Geige # 2? Oder ist das unvermeidbar?

Answer 1

Sie könnten versuchen, die CSS-Regel hinzuzufügen word-wrap: break-word; Obwohl die Ergebnisse seltsam aussehen können.

Answer 2

add Stil Element div: style = "word-wrap:. Break-word wie unten gezeigt

<div id="sd" style="word-wrap: break-word"> 
      Loremipsumdolorsitamet,consecteturadipisicing elit,seddoeiusmodtemporincididuntutlaboreetdoloremagna aliqua.Utenimadminimveniam,quisnostruexercitationullamcolaborisnisiutaliquipexeacommodoconsequat.Duisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeufugiatnullapariatur.Excepteursintoccaecatcupidatatnonproident,suntinculpaquiofficiadeseruntmollitanimidestlaborum. 
    </div>