ComboStrap Styling - Align Attribute

Table of Contents

1 - About

align is an styling attribute of the HTML superset component

It permits to align:

If you want more control on the position, you may also use a grid

Fully operational, since version 1.4

3 - Type

3.1 - Box

How to align a box

The align attribute on a box, supports only the value center, by default, the box is aligned to the left.

Example: 

<note tip align="center"  width="300px">
=== Centered Tip ===
 
As every box by default takes the whole available [[dimension|width]], you need to add a [[dimension|width attribute]] when you want to center it.
 
</note>

Centered Tip

As every box by default takes the whole available width, you need to add a width attribute when you want to center it.

3.2 - Text

How to align the text in a box

The text-align attribute on a box, supports the value:

  • center
  • right
  • justify
  • left (default)

Example: 

<card text-align="center" width="300px">
=== Centered Text  ===
 
A text in the center
 
</card>

Centered Text

A text in the center

For the geek

This is just a CSS shortcut to the text-align CSS attribute