Alineación
Unkuna tiene diferentes tipos de alineacion, ya sea vertical u horizontal; para texto o elementos, cada uno de estos detallados en la siguiente tabla:
| Direccion | Para | Tipo |
|---|---|---|
| Horizontal | Texto o elemento | Centrado |
| Derecha | ||
| Izquierda | ||
| Justificado | ||
| Elemento | Centrado | |
| Con espacio entre elementos | ||
| Vertical | Elemento | Centrado |
Texto Centrado
Sirve para alinear horizontalmente el texto al centro.
Uso
Copias el snippet HTML y ten en cuenta:
- La clase nkn-text-center va en el contenedor padre.
Ejemplo
Snippet HTML
Texto alineado a la Derecha
Sirve para alinear horizontalmente el texto a la derecha.
Uso
Copias el snippet HTML y ten en cuenta:
- La clase nkn-text-right va en el contenedor padre.
Ejemplo
Snippet HTML
Texto alineado a la Izquierda
Sirve para alinear horizontalmente el texto a la izquierda.
Uso
Copias el snippet HTML y ten en cuenta:
- La clase nkn-text-left va en el contenedor padre.
Ejemplo
Snippet HTML
Texto Justificado
Sirve para alinear horizontalmente el texto de manera justificada.
Uso
Copias el snippet HTML y ten en cuenta:
- La clase nkn-text-justify va en el contenedor padre.
Ejemplo
Snippet HTML
Elemento Centrado
Sirve para alinear horizontalmente un elemento al centro.
Uso
Copias el snippet HTML y ten en cuenta:
- La clase nkn-center va en el contenedor padre.
Ejemplo
Snippet HTML
Elementos con un espacio entre ellos
Sirve para alinear elementos horizontalmente de manera que haya un espacio entre éstos.
Uso
Copias el snippet HTML y ten en cuenta:
- La clase nkn-space-between va en el contenedor padre.
Ejemplo
Snippet HTML
Contenido Centrado Verticalmente
Sirve para la alineación vertical del elemento.
Uso
Copias el snippet HTML y ten en cuenta:
- Debes de añadir la clase nkn-vertical-align al elemento padre.