Imposta la larghezza percentuale per l'elemento span

Question

Una domanda semplice .. è possibile impostare la larghezza in percentuale per un tag span in CSS? per esempio:

<span style="width: 50%">...</span> 

ecc ..

Nel mio progetto Attualmente sto usando div ma naturalmente dopo ogni tag div un'interruzione di linea viene inserito (che io non voglio). Quindi la soluzione più ovvia è quella di usare tag span invece di div. Ma poi non sono in grado di definire la larghezza per i tag di estensione. Atleast non in modo percentuale.

Grazie in anticipo per qualsiasi aiuto!

Answer 1

definire l'elemento come un blocco in linea e si può controllare la larghezza e l'altezza, come un elemento di blocco mantenendolo in linea con il contenuto circostante.

#element { 
    display: inline-block; 
    width: 50%; 
} 

Answer 2

Gli elementi in linea non possono avere dimensioni. fare loro di farlo, e rimangono ancora in linea, aggiungere:

display: inline-block