Loading

Image Alignment with Captions

image-alignment

Nullam nisl tellus, tempus id mi nec, ornare suscipit purus. Integer nec dut eros consequat tempus vel at loremI mean everything absolute and blendered. Etiam non eros vel quam imperiet ullamcorper eu vitae lorem. Donec facilisis orci fringilla blandit porta. Cras imperdiet sem eget sagittis natis. Cras lobortis rutrum sapien, vitae malesuada ligula sodales eget.

Image Alignment 580x300

The image above happens to be centered.

Image Alignment 150x150The rest of this paragraph is filler for the sake of seeing the text wrap around the 150×150 image, which is left aligned.

Fusce mattis nibh nulla, in aliquam lorem semper eget. Etiam sit amet vehicula arcu. Aliquam aliquam, ipsum eu posuere suscipit, lorem massa sollicitudin nibh, sed aliquet justo enim eget sem. Quisque orci augue, varius non luctus eu, laoreet sit amet ante. Aenean ut augue sollicitudin, interdum quam vitae, aliquam nisl. Cras ac lobortis nulla. Sed ligula felis, pulvinar id velit ac, tristique vestibulum risus. Duis luctus sem nec aliquam vestibulum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

And now for a massively large image. It also has no alignment.

Image Alignment 1200x400

The image above, though 1200px wide, should not overflow the content area. It should remain contained with no visible disruption to the flow of content.

Image Alignment 300x200

And now we’re going to shift things to the right align.

Quisque orci augue, varius non luctus eu, laoreet sit amet ante. Aenean ut augue sollicitudin, interdum quam vitae, aliquam nisl. Cras ac lobortis nulla. Sed ligula felis, pulvinar id velit ac, tristique vestibulum risus.

Disrupt vero ea id fugiat, lo-fi lomo post-ironic irony kitsch Banksy. Tumblr kale chips single-origin coffee Wes Anderson +1 tousled, disrupt butcher sapiente banh mi brunch nisi irony. Artisan wolf fap lomo, laborum Tumblr anim consequat fashion axe sartorial leggings viral.

Image Alignment 580x300
Look at 580×300 getting some caption love.

The image above happens to be centered. The caption also has a link in it, just to see if it does anything funky.

Image Alignment 150x150
Itty-bitty caption.

The rest of this paragraph is filler for the sake of seeing the text wrap around the 150×150 image, which is left aligned.

Sit amet, consectetur adipiscing elit ut mauris magna, lacinia ac purus quis, rutrum bibendum leo.Nullam sit amet nibh eu odio ornare laoreet. Duis imperdiet est ut tristique auctor. Suspendisse mattis condimentum ultricies. Cras nec enim ipsum augue facilisis lacinia nec a turpis. Maecenas a mauris eget ligula condimentum semper. In egestas

And now for a massively large image. It also has no alignment.

Image Alignment 1200x400
Massive image comment for your eyeballs.

The image above, though 1200px wide, should not overflow the content area. It should remain contained with no visible disruption to the flow of content.

Image Alignment 300x200
Feels good to be right all the time.

And now we’re going to shift things to the right align.

Cras ac lobortis nulla. Sed ligula felis, pulvinar id velit ac, tristique vestibulum risus. Duis luctus sem nec aliquam vestibulum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur suscipit at ligula vel cursus. Aliquam erat volutpat. Curabitur velit lacus, feugiat et accumsan.Nullam sit amet nibh eu odio ornare laoreet. Duis imperdiet est ut tristique auctor. Suspendisse mattis condimentum ultricies. Cras nec enim ipsum augue facilisis lacinia nec a turpis. Maecenas a mauris eget ligula condimentum semper.