CSS padding, problém s textem

zdravím na obrázku můžete vidět dva layouty. Ten levý jsou dva divy. Uvnitř levého divu je div, který má nastaven padding:20px 20px;, aby to nedělalo neplechu. Problém je v tom, že když napíšu dlouhé slovo, tak se nezalomí a nepěkně přeteče. Znáte nějaký fígl? Díky za pomoc.

<div class="layout2">
<div style="padding:30px 30px;">
Výroba strojních dílů, vzduchotechnickéhoffffffffffffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffff fffffffffffff zařízení a potrubních rozvodů technických a stlačených plynů. Nabídka zámečnických výrobků.
Výroba strojních dílů, vzduchotechnického zařízení a potrubních rozvodů technických a stlačených plynů. Nabídka zámečnických výrobků.
Výroba strojních dílů, vzduchotechnického zařízení a potrubních rozvodů technických a stlačených plynů. Nabídka zámečnických výrobků.
Výroba strojních dílů, vzduchotechnického zařízení a potrubních rozvodů technických a stlačených plynů. Nabídka zámečnických výrobků.
Výroba strojních dílů, vzduchotechnického zařízení a potrubních rozvodů technických a stlačených plynů. Nabídka zámečnických výrobků.

</div>
</div>
<div class="layout3">

</div>

CSS:
.layout2 {
float:left;
width:620px;
height:300px;
margin:0px 15px 0px 0px;
background-image:url('../images/pozadi.png');
}

A obrázek chyby:
8f5785af7c