bordi testo con css

[Tri@de]

ho creato dei bordi per delineare del testo con questo css:

.testo2 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16px;
    text-align:center;
    color: #FFF;
    background-color:#666;
    padding-left: 2px; 
    padding-right: 2px; 
    padding-top: 2px; 
    padding-bottom: 2px; 
    border-top: 1px solid #dddddd; 
    border-right: 1px solid #dddddd; 
    border-left: 1px solid #c4c4c4; 
    border-bottom: 1px solid #c4c4c4;    
} 

il fatto è che quando lo uso vorrei che non si espandesse in tutta la sua lunghezza.
faccio un esempio

ora mi viene cosi:
| -------------------------- testo immesso--------------------------|

io vorrei che venisse più reaccolto:
| testo immesso |

in pratica tende ad occupare tutto lo spazio che ha a disposizione.
C'è un modo per farlo?

[Mich_]

Che tipo di oggetto e` il tuo .testo2?

Prova ad usare uno span, al suo posto: infatti un oggetto di tipo block in alcuni casi occupa tutto lo spazio a disposizione, mentre un oggetto inline occupa solo lo spazio necessario.

Nota che la cosa deve comunque risultare semanticamente coretta, per cui anche uno <span> deve essere racchiuso in un blocco corretto. Esempio

HTML:
<div>
  

<span class="testo2">testo immesso</span></p>
</div>

CSS:
p {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16px;
    text-align:center;
}
.testo2 {
    color: #FFF;
    background-color:#666;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-top: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;    
}

[Tri@de]

Grazie mille!
Sei stato di una velocità e di una precisione a dir poco unica!

Ho risolto grazie alle tue indicazioni