Template:CenterAlignIcon/doc

This is a documentation subpage for Template:CenterAlignIcon (see that page for the template itself).
It contains usage information, categories and other content that is not part of the original template page.

Usage

This template will allow a column of icons to be aligned such that their icons are all in a vertical column, irrespective of whatever text is to their right. In order for them to center align, they must be in a context that is centered.

Permissible option:

width=

The width of the image to use, in pixels. Required.

text=

The text to show at the right. Required.

image=

The image to show. Required.

hover=

The text do display if the mouse is hovered over the image. Default is {{{image}}}.

Examples

Template Call	Result
{{CenterAlignIcon|width=24|text=33%|image=File:TO Training Endurance Cost.png|hover=Endurance Cost}}	33%
{{CenterAlignIcon|width=24|text=16.5%|image=File:TO Training Fear Duration.png|hover=Fear Duration}}	16.5%

Caveat

This is only intended to be used as illustrated above. If you use it in other contexts, you will likely get overlapping text/icons. For example, this usage:

{{CenterAlignIcon|width=24|text=33%|image=File:TO Training Endurance Cost.png|hover=Endurance Cost}}{{CenterAlignIcon|width=24|text=16.5%|image=File:TO Training Fear Duration.png|hover=Fear Duration}}

Results in this:

33%16.5%