Salve a tutti, ho un problema che non riesco a risolvere...vi posto innanzitutto il codice....

<div id="box">
<div id="scheda">
<div id="text_scheda">
<div id="titoli_mini">appartamento <?php echo $mq; ?> MQ <div id="orange"><?php echo $stato_app; ?></div> in zona <?php echo $localita;?></div>
.
.
.
.
</div>
</div>
</div>

....e i relativi css...


#titoli_mini{
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
margin: 5px auto;
text-align:center;
}
#scheda{
margin:0 0 0 80px;
height: 500px;
width:800px;
background-image:url(../img/scheda.jpg);
background-repeat:no-repeat;
}
#box{
margin-top: 5px;
min-height: 600px;
text-align:center;
}
#text_scheda
{
font-weight:600;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
padding-top: 30px;
padding-right: 90px;
}
#orange
{
text-shadow: 1px 1px 2px #000;
font-weight:bold;
color:#F60;
}



...in pratica all'interno del div "titoli_mini" c'è una frase e in questa frase una parola è colorata di arancione tramite il div "orange"...il mio problema è che la parola in arancione oltre a colorarsi va anche a capo..e non capisco perchè!...qualcuno sa darmi una spiegazione o cmq una soluzione per fare in modo che quella parola rimanga in linea con il resto della frase...grazie 100000!!!!!