Images

Syntax

![Alt text](https://cdn.path.to/some/image.jpg "This is some image...")

Examples

Framed

Left

Center

Right

Framed with caption

Wrap

By default, left/right-aligned images float and let surrounding text wrap around them. Passing wrap={false} keeps the image hugging the same edge but stops text from wrapping.

Left, wrap (default)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Left, no wrap

Right, no wrap

Framed left, no wrap

Framed right, no wrap

Floated alignment

The next two cases verify that a heading after a floated <Image> starts on its own line instead of wrapping alongside the image.

Body text that flows next to the floated image on the left.

Heading after a right-floated image

Body text under the new heading.

Body text that flows next to the floated image on the right.

Heading after a left-floated image

Body text under the new heading.