CSS text problem (word wrap?)

Hallå!

Jag har 3 divvar, 1 wrapper och 2 content.

När jag skriver text i #about-text-small i HTML så ligger hela meningen bara på en rad och går utanför Divven, får inte rätt på det... :/ Använder jag <br>-taggar så skrivs texten bara över på samma rad utan att hoppa ner.

Vill att texten ska hoppa ner av sig själv i Divven

Någon som vet vad som är fel?

En bild på problemet

#wrapper {
color: #696969;
float: right;
margin-top: -20px;
margin-right: 170px;
width: 300px;
font-size: 15px;
font-style: italic;
}

#about-text {
color: #696969;
height: auto;
padding: 20px;
width: auto;
font-size: 20px;
font-weight: bold;
font-style: italic;
}

#about-text-small {
color: #696969;
height: 200px;
padding: 20px;
width: 200px;
font-size: 16px;
font-style: italic;
}

overflow:hidden;

word-break:break-all;

overflow: hidden; kapar bara texten vid divvens kant, puttar inte ner :/

Ska prova den andra kodsnutten med, tack så länge!

EDIT: word-break:break-all; fungerade inte heller