Editing Incubator escapee wiki:Extended image syntax (section)

===Vertical alignment===
One of these options may optionally be specified to control the vertical alignment of the image with respect to adjacent text.<br />
These vertical alignment options apply only to plain images, which do not cause breaks and are not floated (that is, they do not work with images that need text to flow around them. To make text flow around an image, place the image preceding the text and use the <code>thumb</code> parameter).

In the following list, each option's explanation is preceded by what ''[[:File:Flag of Hungary vertical.svg]]'' looks like when aligned using the listed option, using the markup<br />
of&nbsp;<code><nowiki>[[File:Flag of Hungary vertical.svg|</nowiki>''option''<nowiki>|frameless|upright=0.1|link=|alt=]]</nowiki></code>

{{div col}}
<span style="break-inside:avoid-column;"><code>middle</code>:<br /> [[File:Flag of Hungary vertical.svg|middle|frameless|upright=0.1|link=|alt=]](This is the default.) Align the vertical middle of the image with the baseline of the text plus half the [[x-height]] of the text, so that the image is vertically centered around a lower case "x" in the text.</span>

<span style="break-inside:avoid-column;"><code>baseline</code>:<br /> [[File:Flag of Hungary vertical.svg|baseline|frameless|upright=0.1|link=|alt=]]Align the bottom of the image with the [[Baseline (typography)|baseline]] of the text.</span>

<span style="break-inside:avoid-column;"><code>sub</code>:<br /> [[File:Flag of Hungary vertical.svg|sub|frameless|upright=0.1|link=|alt=]]Align the bottom of the image to the same level that the bottom of a subscript would be, such as the bottom of the "2" in "X<sub>2</sub>".</span>

<span style="break-inside:avoid-column;"><code>super</code>:<br /> [[File:Flag of Hungary vertical.svg|super|frameless|upright=0.1|link=|alt=]]Align the bottom of the image to the same level that the bottom of a superscript would be, such as the bottom of the "2" in "X<sup>2</sup>".</span>

<span style="break-inside:avoid-column;"><code>text-top</code>:<br /> [[File:Flag of Hungary vertical.svg|text-top|frameless|upright=0.1|link=|alt=]]Align the top of the image to the top of the text. This is often a bit higher than the top of a capital letter, because of [[Ascender (typography)|ascenders]] in letters like lower-case "h".</span>

<span style="break-inside:avoid-column;"><code>text-bottom</code>:<br /> [[File:Flag of Hungary vertical.svg|text-bottom|frameless|upright=0.1|link=|alt=]]Align the bottom of the image to the bottom of the text. This is somewhat lower than the baseline, because of [[descender]]s in letters like lower-case "y".</span>

<span style="break-inside:avoid-column;"><code>top</code>:<br /> [[File:Flag of Hungary vertical.svg|top|frameless|upright=0.1|link=|alt=]]Align the top of the image to the top of the line containing the text. Normally this is slightly higher than the top of the text, to make space between lines of text.</span>

<span style="break-inside:avoid-column;"><code>bottom</code>:<br /> [[File:Flag of Hungary vertical.svg|bottom|frameless|upright=0.1|link=|alt=]]Align the bottom of the image to the bottom of the line containing the text. Normally this is slightly lower than the bottom of the text.</span>
{{div col end}}