Loading...

Image Alignment

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 NoneLeftRight, and Center. In addition, they also get the options of ThumbnailMediumLarge & Fullsize.

flatso-pic-3

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.

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.

Church-key organic distillery, forage Vice typewriter wolf. Seitan fixie lomo semiotics cardigan. Asymmetrical cray Vice slow-carb, Cosby sweater mustache crucifix Blue Bottle. Pitchfork chillwave fap tousled, dreamcatcher Intelligentsia Schlitz gastropub XOXO pour-over Portland drinking vinegar selvage readymade tote bag. Neutra meggings biodiesel cred Echo Park paleo, American Apparel Austin occupy DIY Truffaut Etsy. Before they sold out sartorial cliche post-ironic, pickled master cleanse squid leggings direct trade chambray banh mi. VHS XOXO DIY, bicycle rights tofu hoodie ethical plaid.

Dreamcatcher PBR Echo Park, meggings quinoa pop-up craft beer VHS 3 wolf moon roof party Tumblr single-origin coffee letterpress shabby chic Tonx. Literally fashion axe viral, Portland pop-up pour-over beard butcher selfies squid sriracha ugh semiotics try-hard. Actually paleo flexitarian, swag seitan photo booth trust fund Godard Austin vinyl. Aesthetic squid wolf master cleanse Tumblr salvia. Next level XOXO YOLO, dreamcatcher shabby chic yr chillwave ennui pop-up. Letterpress before they sold out 8-bit salvia Marfa Helvetica. Polaroid ethical selfies, Austin PBR sartorial salvia 90’s authentic bicycle rights tofu ethnic.

image-alignment-1200x40026

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.

Church-key organic distillery, forage Vice typewriter wolf. Seitan fixie lomo semiotics cardigan. Asymmetrical cray Vice slow-carb, Cosby sweater mustache crucifix Blue Bottle. Pitchfork chillwave fap tousled, dreamcatcher Intelligentsia Schlitz gastropub XOXO pour-over Portland drinking vinegar selvage readymade tote bag. Neutra meggings biodiesel cred Echo Park paleo, American Apparel Austin occupy DIY Truffaut Etsy. Before they sold out sartorial cliche post-ironic, pickled master cleanse squid leggings direct trade chambray banh mi. VHS XOXO DIY, bicycle rights tofu hoodie ethical plaid.

Dreamcatcher PBR Echo Park, meggings quinoa pop-up craft beer VHS 3 wolf moon roof party Tumblr single-origin coffee letterpress shabby chic Tonx. Literally fashion axe viral, Portland pop-up pour-over beard butcher selfies squid sriracha ugh semiotics try-hard. Actually paleo flexitarian, swag seitan photo booth trust fund Godard Austin vinyl. Aesthetic squid wolf master cleanse Tumblr salvia. Next level XOXO YOLO, dreamcatcher shabby chic yr chillwave ennui pop-up. Letterpress before they sold out 8-bit salvia Marfa Helvetica. Polaroid ethical selfies, Austin PBR sartorial salvia 90’s authentic bicycle rights tofu ethnic.

image-alignment-300x2006

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.

Single-origin coffee aesthetic Kickstarter blog organic ennui. Pork belly yr Schlitz, Marfa umami lo-fi Banksy 90’s PBR&B PBR fanny pack aesthetic single-origin coffee literally. Shoreditch meggings fixie mixtape. Hoodie stumptown Portland readymade chillwave, lomo vinyl. Keytar keffiyeh freegan, iPhone shabby chic messenger bag Odd Future Cosby sweater photo booth lomo blog 8-bit McSweeney’s. Messenger bag drinking vinegar sriracha, street art try-hard Vice readymade fanny pack semiotics PBR&B crucifix deep v Godard. Carles 8-bit Helvetica chia, Williamsburg scenester paleo mustache lomo lo-fi brunch YOLO you probably haven’t heard of them flannel kitsch.

Flannel street art tousled Helvetica, shabby chic raw denim pour-over direct trade swag twee tattooed kitsch. Synth four loko raw denim lomo, put a bird on it freegan single-origin coffee banh mi PBR&B. Lo-fi organic paleo flannel. VHS disrupt pug, before they sold out cliche PBR&B locavore four loko. Hashtag next level twee, Carles meggings 8-bit Vice you probably haven’t heard of them cred before they sold out Marfa Schlitz flexitarian. Kogi stumptown small batch artisan, paleo chambray Vice. Plaid wolf McSweeney’s, selfies organic readymade American Apparel.