Menu

Using Inline Images

Make your posts visually engaging by including inline images.

Full Size with Caption

Full Size with Caption

[caption id="attachment_1707" align="alignnone" width="780"]<img class="size-large wp-image-1707" alt="Full Size with Caption" src="http://www.wpmedium.com/wp-content/uploads/2014/02/8H0UdTsvRFqe03hZkNJr_New-York-On-the-rock-Empire-State-Building-1024x576.jpg" width="780" height="438">Full Size with Caption[/caption]

Left aligned with caption

Left aligned with caption

Here’s an image that’s floated to the left. This lets the text wrap neatly around the image. It’s important to remember to add a <div class="clear"></div> afterwards. Otherwise things could get messy when you resize your screen, or if someone zooms in/out.

[caption id="attachment_1687" align="alignleft" width="150"]<img src="http://www.wpmedium.com/wp-content/uploads/2013/09/dsc20050604_133440_34211-150x150.jpg" alt="Left aligned with caption" width="150" height="150" class="size-thumbnail wp-image-1687"> Left aligned with caption[/caption]

Left aligned with caption

Right aligned with caption

Here’s an image that’s floated to the right. This lets the text wrap neatly around the image. It’s important to remember to add a <div class="clear"></div> afterwards. Otherwise things could get messy when you resize your screen, or if someone zooms in/out.

[caption id="attachment_1687" align="alignright" width="150"]<img src="http://www.wpmedium.com/wp-content/uploads/2013/09/dsc20050604_133440_34211-150x150.jpg" alt="Left aligned with caption" width="150" height="150" class="size-thumbnail wp-image-1687"> Right aligned with caption[/caption]