Foros del Web » Creando para Internet » CSS »

Alinear un texto

Estas en el tema de Alinear un texto en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 07/12/2010, 13:49
 
Fecha de Ingreso: abril-2007
Ubicación: Chile
Mensajes: 27
Antigüedad: 10 años, 8 meses
Puntos: 0
Alinear un texto

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!!.

  #2 (permalink)  
Antiguo 07/12/2010, 14:15
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.823
Antigüedad: 9 años, 9 meses
Puntos: 951
Respuesta: Alinear un texto

prueba con

Código CSS:
Ver original
  1. .codigo_span{display:block;float:left;width:33px;margin-right:5px;color:#999;font-size:12px;}
  2. .titulo_general{display:block;float:left;width:60px;}
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #3 (permalink)  
Antiguo 07/12/2010, 14:39
 
Fecha de Ingreso: abril-2007
Ubicación: Chile
Mensajes: 27
Antigüedad: 10 años, 8 meses
Puntos: 0
Respuesta: Alinear un texto

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


Código CSS:
Ver original
  1. .codigo_span{display:block;float:left;margin-right:5px;color:#999;font-size:12px;}
  2. .titulo_general{display:block;float:left;}


Gracias nuevamente!!.


Etiquetas: alinear
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:44.