Aplicar un ancho específico a los elementos en línea.

O mejor dicho cómo especificar un ancho específico a las etiquetas span, em, strong, etc con CSS, ya que si especificas un ancho a un elemento en línea (inline) este solamente funcionará en Internet Explorer 6.

Todos los elementos del HTML son bloques o en línea. Algunos de los elementos en línea son <span>, <a>, <strong> y <em>. Los elementos de bloque son <div>, <p>, <h1>, <form> y <li>.

Pero puedes cambiar el ancho de un elemento en línea con CSS por ejemplo para span.

span {
    width: 150px;
    display: block
}

Tan solo aplicando la propiedad display: block vamos a convertir el elemento span en un bloque lo que nos va a permitir especificar un ancho.