Testo Evidenziato per i titoli

[fzr91]

Devo inserire diversi titoli alle pagine con un testo evidenziato (il classico quadretto colorato intorno alla parola) di questo tipo:
.grassetto_rosso {
font-weight: bold;
color: black;
text-align: center;
background-color: #ffd700;
border: 1px dotted #474747;


}
però vorrei che l'evidenziato terminasse con la parola e che non occupasse tutto il div, è possibile?
Grazie

[lila89]

basta che la classe non la applichi al div, ma la applici ad "a" o a "p" a seconda di dove è contenuto il tuo testo; e dai a p\a una grandezza..

per cui avrai

<a class="grassetto_rosso">ciao <\a>

e in più metti nella classe width:30px;

[fcaldera]

Originariamente inviato da lila89
e in più metti nella classe width:30px;

meglio di no.
in un elemento <a> definire una larghezza non ha effetti perchè è un elemento inline. Dovresti dargli display block, ma così vincoli ad avere tutti i link con quella classe larghi 30px.

Non definire alcuna larghezza su quella classe,
se devi distanziare il bordo dal testo applica solo un padding a piacere