Download Github
English

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:

  1. 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:

  1. 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:

  1. 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:

  1. 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:

  1. 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:

  1. 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:

  1. You must add the class nkn-vertical-align to the parent element.

Example

HTML Snippet