Doghouse UiKit

17.6 #Typography.text-align Text alignment

Add duk-text-align-DIRECTION to the text wrapper to align the text. Directions are left, right, center & justify

Examples

Default styling

Demo of some aligned text. Liquorice fruitcake lollipop. Sesame snaps muffin gummies cake. Apple pie Halvah powder chocolate cake pudding. Candy fruitcake jelly.

.duk-text-align-center

Align center

Demo of some aligned text. Liquorice fruitcake lollipop. Sesame snaps muffin gummies cake. Apple pie Halvah powder chocolate cake pudding. Candy fruitcake jelly.

.duk-text-align-justify

Justify text

Demo of some aligned text. Liquorice fruitcake lollipop. Sesame snaps muffin gummies cake. Apple pie Halvah powder chocolate cake pudding. Candy fruitcake jelly.

.duk-text-align-left

Align left

Demo of some aligned text. Liquorice fruitcake lollipop. Sesame snaps muffin gummies cake. Apple pie Halvah powder chocolate cake pudding. Candy fruitcake jelly.

.duk-text-align-right

Align right

Demo of some aligned text. Liquorice fruitcake lollipop. Sesame snaps muffin gummies cake. Apple pie Halvah powder chocolate cake pudding. Candy fruitcake jelly.

Markup

<p class="[modifier class]">Demo of some aligned text. Liquorice fruitcake lollipop. Sesame snaps muffin gummies cake. Apple pie Halvah powder chocolate cake pudding. Candy fruitcake jelly. </p>

Source: scss/base/_typography.scss, line 163