riempire la cella con span

[gianmaz]

Salve,


ho una classe tipo:

.title {

width: 380px;
background-color: #FFCC00;
background-repeat: repeat;
margin: 4px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
padding: 4px;
color: #000066;
vertical-align: middle;
font-weight: bold;

background-position: center;
text-align: center;
left:1px;
position: static;
top: 1px;
right: 1px;
bottom: 1px;

}


ora se all'interno dell'html scrivo <span class="title">prova titolo</span> // mi da' il colore in background solo fino alla fine della parola "prova titolo" .

Se invece provo con <div class="title">prova titolo</div> mi riempie tutti i 380 px come da css.

Qualcuno sa' se è possibile avere lo stesso risultato anche con span.

Grazie

[Kiantis]

display: block;

Questo fa diventare uno span (che di default è un display: inline; come un div, che di default è display: block)

ps. a che serve background-repeat e background-position se non è definita nessuna background-image?

[gianmaz]

per pigrizia ho postato il codice così com'era.


cmq grazie , ora lo provo