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, and Center. In addition, they also get the options of Thumbnail, Medium, Large & Fullsize.
The image above happens to be centered.
The rest of this paragraph is filler for the sake of seeing the text wrap around the 150×150 image, which is left 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!
And now for a massively large image. It also has no alignment.
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.
And now we’re going to shift things to the right align. Again, there should be plenty of room above, below, and to the left of the image. Just look at him there… Hey guy! Way to rock that right side. I don’t care what the left aligned image says, you look great. Don’t let anyone else tell you differently.
In just a bit here, you should see the text start to wrap below the right aligned image and settle in nicely. There should still be plenty of room and everything should be sitting pretty. Yeah… Just like that. It never felt so good to be right.
And just when you thought we were done, we’re going to do them all over again with captions!
The image above happens to be centered. The caption also has a link in it, just to see if it does anything funky.
The rest of this paragraph is filler for the sake of seeing the text wrap around the 150×150 image, which is left 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!
And now for a massively large image. It also has no alignment.
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.
And now we’re going to shift things to the right align. Again, there should be plenty of room above, below, and to the left of the image. Just look at him there… Hey guy! Way to rock that right side. I don’t care what the left aligned image says, you look great. Don’t let anyone else tell you differently.
In just a bit here, you should see the text start to wrap below the right aligned image and settle in nicely. There should still be plenty of room and everything should be sitting pretty. Yeah… Just like that. It never felt so good to be right.
And that’s a wrap, yo! You survived the tumultuous waters of alignment. Image alignment achievement unlocked!
NathanInorm
ErnestNot
Hectorsok
ScottStOop
ZakBooke
Josephnab
IvyBooke
Richardswist
Elwoodjoync
SamuelMub
ZakBooke
EyeBooke
IvyBooke
Josephnab
SamuelMub
Elwoodjoync
Richardswist
ZakBooke
ErnastNot
IvyBooke
EyeBooke
SamuelMub
Josephnab
Richardswist
Hectorsok
Hectorsok
Hectorsok
DarrylBal
DavisPut
Richardswist
EyeBooke
Michaelgex
MaryBooke
CurtisBug
ZakBooke
EyeBooke
Michaelgex
IvyBooke
SueBooke
SamBooke
ZakBooke
JackBooke
Josephnab
EyeBooke
DavisPut
Michaelgex
DarrylBal
Elwoodjoync
Josephnab
Richardswist
Hectorsok
Josephnab
SueBooke
MaryBooke
DavisPut
Richardswist
Richardswist
IvyBooke
MaryBooke
ZakBooke
EyeBooke
JackBooke
JackBooke
Michaelgex
WilliamSob
Richardswist
AshBooke
DavidGrada
JoeBooke
IvyBooke
SueBooke
MaryBooke
JoeBooke
AlanBooke
SueBooke
CurtisBug
SamBooke
JackBooke
SamuelMub
Richardswist
Hectorsok
MaryBooke
Elwoodjoync
Josephnab
SueBooke
SamBooke
DarrylBal
Josephnab
SamuelMub
IvyBooke
AshBooke
ZakBooke
DavidGrada
Josephnab
Josephnab
DavisPut
MaryBooke
SueBooke
Richardswist
JackBooke
DavisPut
Richardswist
JoeBooke
DavidGrada
SueBooke
ZakBooke
DarrylBal
DarrylBal
DavisPut
SamBooke
Hectorsok
Michaelgex
Richardswist
Josephnab
DavidGrada
JackBooke
IvyBooke
Richardswist
DarrylBal
AshBooke
SamBooke
Michaelgex
AshBooke
DarrylBal
SamBooke
SueBooke
AlanBooke
CurtisBug
DavidGrada
IvyBooke
SueBooke
DavidGrada
ZakBooke
EyeBooke
Hectorsok
EyeBooke
DarrylBal
AlanBooke
DavidGrada
WilliamSob
WilliamSob
Michaelgex
Richardswist
ZakBooke
Richardswist
DavisPut
MaryBooke
DavidGrada
Josephnab
SamuelMub
Hectorsok
DavisPut
SueBooke
IvyBooke
DavidGrada
AshBooke
MaryBooke
SamuelMub
DavisPut
IvyBooke
ZakBooke
Josephnab
DarrylBal
MaryBooke
SueBooke
DarrylBal
SamuelMub
Elwoodjoync
Michaelgex
JackBooke
DavisPut
Michaelgex
IvyBooke
JackBooke
SamuelMub
Hectorsok
SamuelMub
IvyBooke
CurtisBug
MaryBooke
SueBooke
SamBooke
CurtisBug
IvyBooke
JoeBooke
DarrylBal
DavisPut
SueBooke
DavidGrada
DavidGrada
CurtisBug
WilliamSob
SueBooke
SamBooke
Michaelgex
AlanBooke
Michaelgex
Richardswist
Hectorsok
JoeBooke
EyeBooke
IvyBooke
DarrylBal
SamuelMub
CurtisBug
EyeBooke
AlanBooke
SamBooke
AlanBooke
DavisPut
Elwoodjoync
Elwoodjoync
MaryBooke
SueBooke
AlanBooke
ZakBooke
EyeBooke
Elwoodjoync
Hectorsok
Michaelgex
WilliamSob
DarrylBal
MaryBooke
Elwoodjoync
Josephnab
AlanBooke
AshBooke
MaryBooke
WilliamSob
EyeBooke
Richardswist
AshBooke
DarrylBal
SamBooke
SueBooke
Elwoodjoync
Hectorsok
ZakBooke
Michaelgex
DavidGrada
IvyBooke
DarrylBal
DavisPut
Josephnab
AshBooke
SamuelMub
JackBooke
IvyBooke
AlanBooke
SamBooke
DavidGrada
AlanBooke
Michaelgex
ZakBooke
DarrylBal
DavisPut
DarrylBal
EyeBooke
MaryBooke
SamBooke
Richardswist
Hectorsok
Richardswist
WilliamSob
Elwoodjoync
DarrylBal
JoeBooke
AshBooke
Michaelgex
SamuelMub
Richardswist
Richardswist
JackBooke
DavisPut
IvyBooke
SamuelMub
Josephnab
JackBooke
DarrylBal
Josephnab
DarrylBal
Elwoodjoync
AshBooke
SamuelMub
SueBooke
DavisPut
Elwoodjoync
WilliamSob
Richardswist
SamBooke
DarrylBal
SueBooke
EyeBooke
SueBooke
ZakBooke
ZakBooke
Richardswist
Michaelgex
Michaelgex
DavisPut
EyeBooke
Richardswist
MaryBooke
ZakBooke
IvyBooke
MaryBooke
ZakBooke
SamBooke
Michaelgex
SueBooke
SamBooke
ZakBooke
SamuelMub
Elwoodjoync
AshBooke
CurtisBug
AshBooke
IvyBooke
CurtisBug
WilliamSob
DavisPut
SamuelMub
Richardswist
Richardswist
Josephnab
AlanBooke
SamuelMub
DavisPut
ZakBooke
AlanBooke
Michaelgex
EyeBooke
SueBooke
ZakBooke
AshBooke
AshBooke
SamBooke
SamBooke
AlanBooke
Michaelgex
AlanBooke
EyeBooke
Michaelgex
Michaelgex
Richardswist
ZakBooke
MaryBooke
EyeBooke
DavisPut
ZakBooke
Michaelgex
SueBooke
MaryBooke
IvyBooke
Richardswist
WilliamSob
IvyBooke
Michaelgex
SueBooke
AshBooke
SamuelMub
IvyBooke
Josephnab
SamuelMub
SueBooke
DavidGrada
AlanBooke
JoeBooke
AshBooke
SueBooke
AlanBooke
WilliamSob
Richardswist
MaryBooke
ZakBooke
EyeBooke
DavisPut
Michaelgex
SamBooke
SueBooke
WilliamSob
EyeBooke
SueBooke
SamuelMub
ZakBooke
IvyBooke
AshBooke
SueBooke
Elwoodjoync
IvyBooke
SamBooke
ZakBooke
ZakBooke
DavisPut
DavisPut
DarrylBal
EyeBooke
IvyBooke
IvyBooke
Josephnab
IvyBooke
DavidGrada
JackBooke
DarrylBal
WilliamSob
Josephnab
DarrylBal
SueBooke
JoeBooke
DavisPut
SamuelMub
EyeBooke
CurtisBug
Richardswist
Michaelgex
MaryBooke
SueBooke
AlanBooke
AshBooke
Josephnab
AlanBooke
Michaelgex
SamuelMub
JoeBooke
DarrylBal
AlanBooke
AlanBooke
MaryBooke
ZakBooke
Josephnab
DavidGrada
ZakBooke
SamBooke
SamuelMub
MaryBooke
SamuelMub
SamuelMub
DarrylBal
Michaelgex
Michaelgex
DarrylBal
SamBooke
MaryBooke
SueBooke
SamuelMub
Josephnab
AlanBooke
AlanBooke
WilliamSob
Richardswist
JoeBooke
CurtisBug
DarrylBal
Michaelgex
Michaelgex
IvyBooke
AshBooke
SueBooke
IvyBooke
DarrylBal
AshBooke
DavidGrada
Josephnab
SamBooke
JackBooke
CurtisBug
Michaelgex
Michaelgex
DavidGrada
Richardswist
DarrylBal
MaryBooke
SamBooke
WilliamSob
SamuelMub
MaryBooke
MaryBooke
SamBooke
IvyBooke
ZakBooke
AshBooke
SueBooke
DavisPut
DarrylBal
SamBooke
SamuelMub
Michaelgex
DavidGrada
SamuelMub
Elwoodjoync
Michaelgex
DarrylBal
Josephnab
DarrylBal
EyeBooke
Richardswist
MaryBooke
Josephnab
AlanBooke
ZakBooke
DavidGrada
DavisPut
Michaelgex
JoeBooke
MaryBooke
SamuelMub
Elwoodjoync
SamuelMub
Elwoodjoync
DavidGrada
SamuelMub
Michaelgex
SueBooke
EyeBooke
DavisPut
Michaelgex
EyeBooke
DavidGrada
DavisPut
Michaelgex
DavisPut
Josephnab
MaryBooke
AshBooke
Elwoodjoync
SamBooke
ZakBooke
DavisPut
IvyBooke
EyeBooke
Michaelgex
DavisPut
DavisPut
WilliamSob
IvyBooke
DarrylBal
Elwoodjoync
SamBooke
CurtisBug
AshBooke
SamuelMub
SamuelMub
SamuelMub
Richardswist
JoeBooke
SamuelMub
ZakBooke
DavidGrada
CurtisBug
ZakBooke
Michaelgex
CurtisBug
DarrylBal
SamBooke
JoeBooke
DavisPut
SamuelMub
AshBooke
SamuelMub
Richardswist
CurtisBug
SueBooke
WilliamSob
JoeBooke
IvyBooke
DavidGrada
ZakBooke
Josephnab
SueBooke
AshBooke
AshBooke
AshBooke
Josephnab
SueBooke
SamuelMub
SamBooke
Josephnab
Elwoodjoync
JackBooke
Elwoodjoync
DavidGrada
Elwoodjoync
AlanBooke
JoeBooke
JoeBooke
IvyBooke
MaryBooke
IvyBooke
SamuelMub
SamuelMub
DarrylBal
AlanBooke
DavidGrada
Josephnab
DavisPut
ZakBooke
DavisPut
DavidGrada
CurtisBug
DavidGrada
SamuelMub
EyeBooke
DavidGrada
CurtisBug
EyeBooke
AshBooke
AlanBooke
EyeBooke
Josephnab
ZakBooke
SamuelMub
EyeBooke
Richardswist
SueBooke
SamuelMub
DarrylBal
SamBooke
Michaelgex
IvyBooke
AlanBooke
Elwoodjoync
Elwoodjoync
SamuelMub
DavidGrada
DavidGrada
JackBooke
DarrylBal
DavisPut
Elwoodjoync
Michaelgex
AlanBooke
DavisPut
SamuelMub
DavisPut
DavisPut
DavisPut
JackBooke
EyeBooke
AshBooke
JoeBooke
IvyBooke
Josephnab
Richardswist
SamuelMub
Michaelgex
Elwoodjoync
Michaelgex
Elwoodjoync
SamBooke
Elwoodjoync
DarrylBal
AlanBooke
IvyBooke
DavisPut
AlanBooke
SamuelMub
SueBooke
SamuelMub
CurtisBug