Saltar al contenido

alinear a la derecha en una celda de tabla con CSS

Te damos el resultado a esta dificultad, al menos eso creemos. Si sigues con inquietudes déjanoslo saber en un comentario y con gusto te ayudaremos

Solución:

Usar

text-align: right

La propiedad de CSS de alineación de texto describe cómo el contenido en línea, como el texto, se alinea en su elemento de bloque principal. text-align no controla la alineación de los elementos del bloque en sí, solo su contenido en línea.

Ver

texto alineado

text to be aligned to right


Lo que funcionó para mí ahora es:

CSS:

.right 
  text-align: right;
  margin-right: 1em;


.left 
  text-align: left;
  margin-left: 1em;

HTML:

Vea el siguiente violín:

http://jsfiddle.net/Joysn/3u3SD/

No se olvide del selector ‘nth-child’ de CSS3. Si conoce el índice de la columna en la que desea alinear el texto a la derecha, puede especificar

table tr td:nth-child(2) 
    text-align: right;

En los casos con tablas grandes, esto puede ahorrarle mucho margen de beneficio adicional.

aquí hay un violín para ti …. https://jsfiddle.net/w16c2nad/

Sección de Reseñas y Valoraciones

Si entiendes que te ha resultado de ayuda este artículo, agradeceríamos que lo compartas con más juniors y nos ayudes a dar difusión a este contenido.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)


Tags : /

Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *