How to center a link or a button ?
About
This how to will show you how to center a link.
A link can be styled via its properties and because a link is a also a type of button, this page shows you the two possibilities.
Aligned Link
A link is a phrase component but you may want to emphase it as a call to action by centering it.
You can center a link with the align attribute.
Example:
[[:docs:content:link?align=center|Go to the link page]]
Link as button
A link is also a button type
Example:
- Button as link
<btn link align="center">[[:docs:content:link|Go to the link page]]</btn>
- Or as a plain button
<btn align="center" width="fit-content">[[:docs:content:link|Go to the link page]]</btn>