align is an styling attribute of the HTML superset component
It permits to align:
If you want more control on the position and space given, you need to use a grid
The align attribute values may applies:
text-align is a typographic attribute that sets the alignment of the lines of text.
<component align=text-value[-breakpoint] />
where:
justify is not supported. While, aesthetically the text might look more appealing, it does make word-spacing more random and therefore harder to read.
The content will not flow along the box, if you want this behavior, you need to use the float attribute
This value aligns the children.
<component align={value}-children[-breakpoint] />
where:
The result may collapse all space.
If this is the case, it means that the component does not support children alignement.
Why? Technically, the children align values should be used only against block children. If you use them against text/inline/content, the content just collpase.