Alignment
Unkuna has different types of alignment, either vertical or horizontal; for text or elements, each of these detailed in the following table:
| Direction | For | Kind |
|---|---|---|
| Horizontal | Text or element | Centered |
| Right | ||
| Left | ||
| Justified | ||
| Element | Centered | |
| With space between elements | ||
| Vertical | Element | Centered |
Centered Text
It is used to horizontally align the text to the center.
Use
Copy the HTML snippet and keep in mind:
- The nkn-text-center class goes in the parent container.
Example
HTML Snippet
Right aligned text
It is used to horizontally align the text to the right.
Use
Copy the HTML snippet and keep in mind:
- The nkn-text-right class goes in the parent container.
Example
HTML Snippet
Left aligned text
Used to horizontally align the text to the left.
Use
Copy the HTML snippet and keep in mind:
- The nkn-text-left class goes in the parent container.
Example
HTML Snippet
Justified text
It is used to align the text horizontally in a justified way.
Use
Copy the HTML snippet and keep in mind:
- The nkn-text-justify class goes in the parent container.
Example
HTML Snippet
Centered Element
Used to horizontally align an item to the center.
Use
Copy the HTML snippet and keep in mind:
- The nkn-center class goes in the parent container.
Example
HTML Snippet
Elements with a space between them
It is used to align elements horizontally so that there is a space between them.
Use
Copy the HTML snippet and keep in mind:
- The nkn-space-between class goes in the parent container.
Example
HTML Snippet
Vertically Centered Content
It is used for the vertical alignment of the element.
Use
Copy the HTML snippet and keep in mind:
- You must add the class nkn-vertical-align to the parent element.