A media source with neighboring elements is rendered as an inline-element that flows with the surrounding text. The aspect ratio of the image is always preserved.
This {height="150px"} is
{height="150px"}
this {height="150px"}!!
This
image is inline with this
image!!
A singular media source that forms a paragraph is rendered as a block-element. By default the image stretches horizontally to the width of the containing element. The aspect ratio is always preserved.
| {height="150px"}
| {.controls height="150px"}
| {height="150px"}
Either width or height can be used to control the size of media elements, but not at the same time. If the resulting width is smaller than the default width, the image is either centered, left aligned, or right aligned.
width (%): size relative to the enclosing container. Absolute values are absolute. Default: 100%.height: only absolute values can be specified.Width{width=75%}
Height{height="50px"}
Add a caption below an image either inside the square brackets of an image tag or by beginning the following paragraph with the string Caption:. Caption text may contain further Markdown markup.
{width=30%}
Caption: Prof. Dr. Marc Erich Latoschik
{width=30%}
Caption: Prof. Dr. Marc Erich Latoschik leads the
Human-Computer Interaction (HCI) group at the
University of Würzburg.