Text läuft aus dem Div raus, wie erzwinge ich den Umbruch?

[M4ST3R]

Wie oben schon geschrieben verlängert sich das div nicht sondern der text läuft einfach weiter nach rechts....

wie mache ich das, dass der Text dann automatisch umbricht?

// CSS
 
.Side #Ramen {
  border-top-color:#00ff00; 
  border-top-style:solid;
  border-right-color:#00ff00; 
  border-right-style:solid;
  border-bottom-color:#00FF00;
  border-bottom-style:solid;
  border-left-color:#00FF00;
  border-left-style:solid;
  width:70%;
  text-align: justify;
  vertical-align:middle;
  margin:auto;
  position:relative;
}
 
 
// HTML
 
 
  <div id="Ramen">
    <div style=" margin-left:10px;display:inline;float:left; background-color:#CC3300; margin-right:20%; width:20%">Vote</div>
    <div style="margin-left:20%;display:inline; width:30%">AnzahlVotes:</div>
    <div style="background-color:#665566;width:70%; height:auto;display:inline; margin:auto;position:relative;">texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</div>
  <div>

 

[neuroleptika]

wie mache ich das, dass der Text dann automatisch umbricht?

Geht derzeit nur, wenn du Leerzeichen einfügst.