[HILFE] CSS Text bricht nicht um

  • Guten Tag,
    ich habe folgendes Problem, undzwar Habe ich eine Box zwar mit Padding gemacht, jedoch geht der Text einfach durch die Box durch also es erfolgt kein "automatischer Textumbruch".
    http://i.imgur.com/ORQqQuC.png

    In Wordpress kann man Seiten schreiben und ein unerfahrener Nutzer wüsste nicht, dass er dann und dann <br> eingeben muss.
    So wird er also immer weiter schreiben und schließlich sieht es so aus: http://i.imgur.com/WVldjaN.png

    Nun soll auf der fertigen Seite aber automatisch der Text gebrochen werden, das sollte eigentlich mit padding funktionieren denke ich, was es aber nicht tut.
    Ich habe nicht sehr viel Erfahrung in CSS und bin dabei diese Websprache zu erlernen, allerdings komme ich hier nicht wirklich weiter und suche eine einfach erklärte Lösung euerseits.

    Der Code von den Boxen sieht folgendermaßen aus:

    CSS
    body        {color: #333; background-image: url(./img/background.jpg) !important; background-repeat: repeat;}
     
    #wrapper    {width: 1150px; margin: auto; text-align: left; background: #fff;}
    #header        {height: 160px; padding: 20px; border-bottom: 1px solid #ccc;}
    #main       {padding: 20px 20px 20px 30px; float: right; width: 840px; }
    #sidebar    {width: 230px; padding-top: 20px; float: left; padding-left: 13px; }
    #footer        {clear: both; height: 100px; padding: 20px; }
  • Da auf nem Webserver normalerweie kein Wörterbuch hinerlegt ist kann nicht nach silben getrennt werden, sondern nur nach leerzeichen. Ich hoffe das erklärt die Lösung des Problems ;)