Testo in div a capo.

tonhyw

Testo in div a capo.

Salve ragazzi,
ho un problema con il testo contenuto in alcuni DIV.
Sto sviluppando su un framework e devo modificare il menu con i CSS.
Praticamente ho un div "contenitore" che contiene tanti div quanti sono le voci di menu.
Ecco la struttura:

Il mio problema è che quando il nome del pulsante è troppo lungo il div "pulsante" o slitta alla riga successiva oppure sparisce l'ultimo div pulsante.

Come posso far in modo che il testo contenuto all'interno del div "pulsante" vada a capo quando lo spazio del div "contenitore" non basta?

Grazie mille anticipatamente

marcocarrieri

A me risulta che con un normale float left vada bene.
Prova a vedere se questo codice ti può andare.

[PHP]
<html>
<head>
<title>test</title>
<script type="text/javascript">
</script>
<style type="text/css">
#contenitore
{
width:399px;
height:100px;
background:yellow;
}
.voce
{
width:100px;
float:left;
}
#uno
{
background:#999999;
}
#due
{
background:#aaaaaa;
}
#tre
{
background:#cccccc;
}
#quattro
{
background:#bbbbbb;
}
</style>
</head>
<body>
<div align="center">
<div id="contenitore">
<div id="uno" class="voce">DIV1</div>
<div id="due" class="voce">DIV2</div>
<div id="tre" class="voce">DIV3</div>
<div id="quattro" class="voce">DIV4</div>
</div></div>
</body>
</html>
[/PHP]