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

Image Alignment 580x300

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.

Image Alignment 1200x400

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.

Image Alignment 300x200

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!

Image Alignment 580x300
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.

Image Alignment 150x150
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.

Image Alignment 1200x400
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.

Image Alignment 300x200
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!

Trumaine
Andrea

You're Invited

On the 9th of August 2020
Trumaine & Andrea
Marty Leonard Chapel in Fort Worth, TX .

 

RSVP

Don't miss it!

OurStory

27 Sept 2012

How We First Met

Our love story began with a chance encounter on social media website that was more primitive than Myspace. Slowly we developed a foundation rooted in friendship that had seeds of romance sowed with promise. After our first date, I had extended an invitation for Trumaine to visit One Community Church in Plano. I received a text that he was in attendance on the first Sunday after we met. This particular Sunday my family happen to be at church. So, Trumaine met my siblings and my parents on our second date. Three months later he professed his love with such care that it brought tears to my eyes. Also, thoughtfully selected flowers and jewelry was a sweet touch. Over the preceding years this man had become the love of my life and taught me how to pray more deeply and developed a stronger relationship with God.

4 July 2013

Our first date

Our first date was at Bowlmor bowling alley on Beltline in Addison, TX on the 4​th​ of July 2013. There was a lot of anticipation building up to this date, however as soon as our eyes met I felt my nervousness dissipate. Trumaine’s eyes were wide and friendly as we greeted each other. I quickly became curious of his intense stare, until he complimented me by saying, “Wow, you are just so beautiful.” After, we picked out bowling shoes and started our game I could tell this man was quite a character! When it was his turn to bowl, he picked up both bowling balls and started to do biceps curls. Then we shared a laugh and broke the ice a little. The rest is history!

25 Dec 2016

How he proposed

There is absolutely no contest; our favorite holiday is Christmas! On Christmas night our tradition for the last 2 years had been to tour the Christmas lights within the neighborhood. After viewing lights along our usual route, Trumaine decided to continue the drive. Within a few minutes, we ended up at Frisco Square. Suddenly, I was surprised with a unexpected stroll. He guided me around the busy area that was gleaming with streams of light and the excitement of Christmas; and we ended up at a small church. Then Trumaine directed my attention to a sparkling star that elegantly adorned a large Christmas tree, which was visible through the churches large windows. Next Trumaine said, “I want our love to last like the stars forever,” and then he proposed! This was the BEST CHRISTMAS EVER!

Gift Registry

The Ceremony

Sunday 2:00 pm

Main Wedding Ceremony

Statuesque and breathtakingly beautiful the Marty Leonard Community Chapel was the only choice of venue for our wedding. The first time we enter the chapel we were both the awestruck with the experience. We quickly reached a consensus that this chapel was one of the most beautiful place that we have witnessed in person. Therefore, we are extremely excited to share our union with family and friends in such as special place.

Sunday 3:00 pm

The Botanical Research Institute of Texas

Approximately, seven minutes away from the Marty Leonard Community Chapel is The Botanical Research Institute of Texas. This place is a hidden gem that houses the charm of Fort Worth and proclaims its presence next to the Botanical Gardens.

Our Gallery

“ The best gift is your participation, thanks to all ”