Alinear un texto

[DarkMaurice]

Hola amigos foreros, nuevamente vengo a consultar algo que no puedo resolver y por más que lo he buscado no he encontrado la solución. Quizás no sé como buscar.

La cosa es que tengo un formulario con unos códigos, puestos en una tabla, ya tengo todo armado, pero me dijeron que los títulos deben quedar alineados. Lo que pasa es que el título y el código están juntos pero como no caben en la celda, las palabras del titulo bajan y queda debajo del código. En las imágenes pueden ver como aparece y como quiero que aparezca.

Este es el problema:


Y esto es como quiero que se vea:



No es una solución muy posible agrandar el espacio de la celda, porque hay textos más largos en los que sucede lo mismo. Tampoco modificar la tabla, ya que es mucho trabajo y la idea es ponerle el estilo para que se aplique a todo.

El código vendría siendo:

Código HTML:

<span class="codigo_span">A071</span> <span class="titulo_general">Nombre y Apellidos:</span> 

Y se muestra en la primera imagen.

el css:

Código:

.codigo_span{
color:#999999;
font-size:12px;
margin-right:5px;

}


.titulo_general{
text-align:left;
}

Alguna sugerencia para que el texto lo alinee a la izquierda?.

Gracias!!.

[ArturoGallegos]

prueba con

Código CSS:

.codigo_span{display:block;float:left;width:33px;margin-right:5px;color:#999;font-size:12px;}
.titulo_general{display:block;float:left;width:60px;}
 

[DarkMaurice]

Ag666 te pasaste!!!. Funcionó perfecto, pero sin el width.

Código CSS:

.codigo_span{display:block;float:left;margin-right:5px;color:#999;font-size:12px;}
.titulo_general{display:block;float:left;}
 

Gracias nuevamente!!.