- 2655 S LeJeune Road, Suite 1105 Coral Gables, FL 33134
- 305.648.2030
- NMLS#371067
Blog Post Title
Markup: Text Alignment
Default
This is a paragraph. It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love. Completely neutral and not picking a side or sitting on the fence. It just is. It just freaking is. It likes where it is. It does not feel compelled to pick a side. Leave him be. It will just be better that way. Trust me.
Left Align
This is a paragraph. It is left aligned. Because of this, it is a bit more liberal in it’s views. It’s favorite color is green. Left align tends to be more eco-friendly, but it provides no concrete evidence that it really is. Even though it likes share the wealth evenly, it leaves the equal distribution up to justified alignment.
Center Align
This is a paragraph. It is center aligned. Center is, but nature, a fence sitter. A flip flopper. It has a difficult time making up its mind. It wants to pick a side. Really, it does. It has the best intentions, but it tends to complicate matters more than help. The best you can do is try to win it over and hope for the best. I hear center align does take bribes.
Right Align
This is a paragraph. It is right aligned. It is a bit more conservative in it’s views. It’s prefers to not be told what to do or how to do it. Right align totally owns a slew of guns and loves to head to the range for some practice. Which is cool and all. I mean, it’s a pretty good shot from at least four or five football fields away. Dead on. So boss.
Justify Align
This is a paragraph. It is justify aligned. It gets really mad when people associate it with Justin Timberlake. Typically, justified is pretty straight laced. It likes everything to be in it’s place and not all cattywampus like the rest of the aligns. I am not saying that makes it better than the rest of the aligns, but it does tend to put off more of an elitist attitude.
Post with Image Preview
This is a normal post with a featured image thumbnail. Photography by Christopher Macquet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam in quam odio. In eget porttitor nibh. Integer varius ante id elit mattis blandit. Fusce a mi convallis nisi dictum fringilla. Duis orci nisl, laoreet et feugiat non, ultricies at elit. Nunc id ante vel nisi venenatis pretium eu aliquet mauris. Suspendisse in fermentum elit. Ut metus velit, aliquam nec convallis ut, lobortis in nisl. Curabitur et felis ut dolor euismod porttitor. Integer ut lacus lectus. Donec semper quam a nibh varius tincidunt. Nam vestibulum hendrerit tincidunt. Nulla facilisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vulputate, odio vel luctus malesuada, erat leo semper dolor, at molestie metus erat vel mauris.
Donec nec tristique libero. Nunc ac lacus id ante vehicula pulvinar. Ut condimentum consequat nunc, eget sagittis enim tempus sed. Proin nisi dui, pulvinar a tincidunt quis, imperdiet sed nunc. Aenean hendrerit rutrum blandit. Maecenas augue erat, gravida eget condimentum eget, aliquet vitae justo. Maecenas eleifend congue elit eu pellentesque. Quisque sed neque sed velit imperdiet vestibulum eu in diam. Nam egestas pellentesque laoreet. Donec iaculis nulla aliquet tellus ultricies vitae ullamcorper nunc condimentum. Vestibulum non metus non lectus eleifend lacinia. Sed eget nisl feugiat est accumsan sodales. Ut molestie turpis et enim suscipit tincidunt. Vestibulum vel sem in augue tristique placerat eu ac libero. Ut malesuada velit mi, vel consequat nunc.
Aenean sollicitudin bibendum consequat. Sed non est in elit consectetur suscipit. Proin ornare leo sit amet massa cursus varius sollicitudin metus porta. Mauris consequat, ipsum sit amet pretium semper, est urna sodales mauris, a ultrices enim sapien in orci. Nullam mattis orci et arcu posuere molestie. Proin vel ante tellus. Praesent porttitor tortor volutpat nisi interdum eleifend. Aenean vulputate venenatis nisl, a pellentesque ipsum ultrices at. Donec sagittis, massa ut tincidunt facilisis, nunc nisi condimentum ipsum, et mattis tortor risus ac libero. Vestibulum lacinia tempus massa eu sagittis. Mauris condimentum, velit semper ullamcorper commodo, nulla nunc interdum leo, in eleifend est elit porta felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam quis interdum tellus. Aenean vitae dui nisl. Donec ut nunc nisl, eu tempus orci.
Post with User Comments
This is a post that has some comments by users. Comments can be nested and display their respective gravatar.
Donec vehicula cursus ante, at pulvinar quam mollis quis. Etiam nibh nisl, imperdiet quis iaculis pretium, egestas vel risus. Nullam erat felis, molestie id tempor vel, dignissim eu nisl. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis ut nisl tellus, ac auctor felis. Ut facilisis, elit vitae venenatis rutrum, nisi lacus dictum erat, nec fermentum dui ligula vel risus. In semper arcu et diam gravida id fermentum augue suscipit. Maecenas eros felis, consectetur et aliquam eget, vehicula ut felis. Sed in mauris ipsum.
Duis euismod quam sit amet ligula mattis commodo. Aenean ac orci risus. Duis eget magna nisi, non porttitor lacus. Morbi facilisis tortor ac urna molestie hendrerit. Fusce nulla nibh, laoreet imperdiet dignissim vitae, eleifend at dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque et lobortis urna. Integer ultricies erat vel purus vehicula a rhoncus urna rhoncus. Nulla lobortis, elit vel faucibus vulputate, magna libero varius urna, quis venenatis purus orci sed sem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Post with Embedded Images
A rainy day. Bring your umbrella!
Vivamus dolor sem, cursus sed scelerisque eu, luctus id neque. Phasellus lacinia vulputate ultricies. Ut lobortis tincidunt eleifend. Aliquam ac nulla eu mi varius luctus. Quisque et odio adipiscing quam placerat ornare. Proin venenatis fermentum lobortis. Aliquam aliquam adipiscing velit ac imperdiet. Cras condimentum tincidunt felis, sagittis adipiscing neque suscipit id.
Etiam lacinia lacus a ligula cursus lacinia. Pellentesque est risus, pharetra non tincidunt ac, vulputate sed turpis. Proin eu augue nisl. Nulla sit amet tortor vel lectus hendrerit vulputate. Quisque venenatis auctor scelerisque. Mauris quis dui et risus sagittis ultrices vel ac magna. Vestibulum at faucibus turpis.
Don’t get soaked.
Cras blandit ultricies dictum. Pellentesque sed ligula nec diam varius hendrerit. Quisque eu felis mi, quis auctor est. Vivamus sed est at leo ornare varius vitae nec massa. Vivamus ultricies ultrices sem, nec cursus urna aliquam et. Proin nunc arcu, tempus at varius vel, interdum in ligula. Nullam ante dolor, dictum a consectetur eget, laoreet ornare lacus. Duis vitae justo suscipit metus tristique tristique.
Vivamus sagittis pharetra orci a luctus. Nunc eros sapien, imperdiet imperdiet consectetur eget, elementum id dui. Maecenas a tellus vitae felis gravida tempus. Donec id ligula non ligula imperdiet commodo. Sed nulla enim, elementum eu luctus at, tristique eget nunc. Aliquam erat volutpat. Integer gravida venenatis eros, et ultricies nibh facilisis non. Duis at mi ipsum. Maecenas vel metus purus, sed ultricies risus. Suspendisse mollis pulvinar ornare.
Standard Post Layout
This is a standard post without images or a custom excerpt.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam in quam odio. In eget porttitor nibh. Integer varius ante id elit mattis blandit. Fusce a mi convallis nisi dictum fringilla. Duis orci nisl, laoreet et feugiat non, ultricies at elit. Nunc id ante vel nisi venenatis pretium eu aliquet mauris. Suspendisse in fermentum elit. Ut metus velit, aliquam nec convallis ut, lobortis in nisl. Curabitur et felis ut dolor euismod porttitor. Integer ut lacus lectus. Donec semper quam a nibh varius tincidunt. Nam vestibulum hendrerit tincidunt. Nulla facilisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vulputate, odio vel luctus malesuada, erat leo semper dolor, at molestie metus erat vel mauris.
Donec nec tristique libero. Nunc ac lacus id ante vehicula pulvinar. Ut condimentum consequat nunc, eget sagittis enim tempus sed. Proin nisi dui, pulvinar a tincidunt quis, imperdiet sed nunc. Aenean hendrerit rutrum blandit. Maecenas augue erat, gravida eget condimentum eget, aliquet vitae justo. Maecenas eleifend congue elit eu pellentesque. Quisque sed neque sed velit imperdiet vestibulum eu in diam. Nam egestas pellentesque laoreet. Donec iaculis nulla aliquet tellus ultricies vitae ullamcorper nunc condimentum. Vestibulum non metus non lectus eleifend lacinia. Sed eget nisl feugiat est accumsan sodales. Ut molestie turpis et enim suscipit tincidunt. Vestibulum vel sem in augue tristique placerat eu ac libero. Ut malesuada velit mi, vel consequat nunc.
Markup: 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 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!
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.
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.
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.
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.
Feels good to be right all the time.
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!