Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and let’s get started.
On the topic of alignment, it should be noted that users can choose from the options of None, Left, Right, Center, Wide, and Full. In addition, they also get the options of Thumbnail, Medium, Large & Fullsize.
The image above happens to be centered.
Left and Right Image Alignment
The rest of this paragraph is filler for the sake of seeing the text wrap around the 150×150 image, which is left aligned.
The rest of this paragraph is filler for the sake of seeing the text wrap around the 150×150 image, which is right aligned.
As you can see the should be some space above, below, and to the right of the image. The text should not be creeping on the image. Creeping is just not right. Images need breathing room too. Let them speak like you words. Let them do their jobs without any hassle from the text. In about one more sentence here, we’ll see that the text moves from the right of the image down below the image in seamless transition. Again, letting the do it’s thang. Mission accomplished!
Wide Image, No Alignment
The image below, though 1200px wide, should not overflow the content area. It should remain contained with no visible disruption to the flow of content since we set alignment none.
Wide Image Alignment
And now for a massively large image. It also has no alignment. But it is set to use wide alignment which stretches the image beyond the text content border.
Full Width Image Alignment
You have the ability to align images to full-width. It adds more visual interest to your articles. Use this alignment wisely to help accentuate the appeal of your content!
You have the ability to use galleries, too, if your content is image-heavy. Make sure the images help to tell the story of your article.
And that’s a wrap, yo! You survived the tumultuous waters of alignment. Image alignment achievement unlocked!