Div cote a cote contenu déborde

Bonjour à tous.

J'ai placé deux div cote a cote comme ceci :

<div id="divGauche">div gauche</div>
<div id="divCentre">div centre</div>

#divGauche{
   float:left;
}
#divCentre{
   width:100%;
   display:table-cell;
}

Mes div restent bien côte à côte malgré que la div centre ait une hauteur bien supérieure à la div gauche.

Cependant, si la div centre possède du texte sans espaces et très longs, la div centre passe sous la div gauche.
En fait, c'est le contenu qui donne une largeur à ma div centre alors que moi je voudrais juste qu'elle prenne le reste de l'écran à côté de la div gauche.

J'ai essayé un :

word-break:break-word;

mais ça n'y fait rien.

Merci d'avance de votre aide

Hello,

Si tu ne veux pas que la div s'agrandisse, il faut lui donner une largeur

Si tu met ça dans un div qui a pour proriété "display: table;" tu pourras mieux les maniers,
et tu n'auras pas besoin de mettre de "float: left;" a ton #divGauche

exemple

<div id="content">
    <div id="divGauche">div gauche</div>
    <div id="divCentre">div centre</div>
</div>

#content{
   display:table;
   background-color: #faa;
}
#divGauche{
   display:table-cell;
   background-color: #ffa;
}
#divCentre{
   display:table-cell;
   background-color: #faf;
}

après tu peux rendre le code un petit peut moins lourd en faisant d'autre mise en place donc un autre code.