Establecer el ancho porcentual para el elemento span

Question

Una pregunta directa ... ¿es posible establecer el ancho en porcentaje de una etiqueta span en CSS? por ejemplo:

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

etc ..

En mi proyecto que estoy actualmente usando divs pero por supuesto después de cada etiqueta div un salto de línea se inserta (que yo no quiero). Entonces, la solución más obvia es usar etiquetas span en lugar de div. Pero luego no puedo definir el ancho de las etiquetas de span. Al menos no en porcentajes.

¡Gracias de antemano por cualquier ayuda!

Answer 1

definir el elemento como un bloque en línea y se puede controlar el ancho y la altura como un elemento de bloque mientras se mantiene en línea con el contenido circundante.

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

Answer 2

elementos en línea no pueden tener dimensiones. hacer que lo hagan, y aún así permanecer en línea, añadir:

display: inline-block