find us on instagram
  • Home
  • About
  • Blog
  • Contact
  • Categories
    • Beauty & Style
    • Crafts
    • Dream Create Inspire
    • Family
      • Parenting
    • Freebies
      • Free Fonts
    • Giveaways
    • Health
    • Holidays
      • 30 Fun Ideas Ideas For Fall
      • Christmas
      • Easter
      • Halloween
      • St. Patrick’s Day
      • Thanksgiving
      • Valentines
    • Home
    • Parties
    • Photography
      • Project 52
      • Project 365
    • Recipes
    • School
    • Special Needs
    • Technology
    • Travel
    • Tutorials
  • Free Downloads
  • Pregnancy
    • Birth Stories
  • Recipes
    • Appetizer
    • Bread
    • Breakfast
    • Dessert
    • Drink
    • Main Dish
    • Side Dish
    • Snack
  • Shop My Favorites
    • Bloglovin
    • Email
    • Facebook
    • Instagram
    • Pinterest
    • Twitter

Sarah Halstead

You are here: Home | Family | Align Button Tutorial

January 24, 2012 By Sarah Halstead

Align Button Tutorial

Filed Under: Family

I have had several people ask me how I get all of my buttons the same size and all in a line.

First you want to do is go into the HTML it mode. Here is an example of what my HTML code looks like.

<center><a href="http://naptimemomtog.com" title="Naptime Momtog"
target="_blank"> <img src="https://naptimemomtog.com/wp-content/uploads/2011/06/button1.jpg"
height="150" /></a>    <a href="http://naptimemomtog.com/category/wordless-wednesday/"
title="Naptime Momtog" target="_blank">
<img src="https://naptimemomtog.com/wp-content/uploads/2011/08/wordlesswednesday-copy.jpg"
height="150" /></a>    <a href="http://naptimemomtog.com/project-366/" title="Naptime Momtog"
target="_blank"> <img src="https://naptimemomtog.com/wp-content/uploads/2011/12/finalbutton.png"
height="150" /></a></div></center>

You will make sure they all have the same height =”150″ or 200 or 125 whatever size you want. Then see in between the </a> and the <a> I have the same amount of spaces. Then I also do align center on the outside, so that the buttons will all be in the center of your blog post but in a line. One more thing if they have added in align center to their code you will need to delete center and put none. Please email me if you have any questions. 

 Photobucket  Sweet Shot Day      Live, Love, Travel   

Related

Don’t Miss A Thing!

Stay Up To Date With The Latest

« Project 366 Rewind {Week #3}
Lightbox {WW #24} »

Comments

  1. Branson says

    January 27, 2012 at 10:25 pm

    Love this tutorial! I am very picky about making my buttons pretty ;)
  2. Jaymi McClusky says

    January 25, 2012 at 2:26 am

    These are beautiful, I always forget to try those out of focus shots. And thanks for spelling out that button code! People have asked me that before too and somehow it took me like two pages to explain it! You simplified it nicely.
  3. Kim Stevens says

    January 24, 2012 at 10:53 pm

    Oh, thanks for sharing this - I always wondered how that was done! ; )
  4. Gina says

    January 24, 2012 at 4:14 pm

    THANK YOU!!! You know I am bookmarking this for future reference!!!
  5. Jodi Hall says

    January 24, 2012 at 4:10 pm

    Great tutorial.. Lovely photos.
  6. Jenny says

    January 24, 2012 at 3:48 pm

    oooo you don't even have to use tables to do this - Ima hafta copy your code :)
  7. hamzie@compact camera deals says

    January 24, 2012 at 12:54 pm

    This is really interesting, You are a very skilled blogger. Ive joined your rss feed and look ahead to in quest of extra of your fantastic post. Additionally, I have shared your website in my social networks!
  8. candice says

    January 24, 2012 at 11:57 am

    Off to try this right now! Thanks for sharing. Looks so much better this way.
  9. Sue Anderson says

    January 24, 2012 at 11:52 am

    Nice way to align those buttons! =)
  10. secret mom thoughts says

    January 24, 2012 at 11:05 am

    Thanks for the button tips. I must try that soon.
  11. Ashley Sisk says

    January 24, 2012 at 10:44 am

    So glad you spelled this out - I've been asked a fair amount too and haven't had the time to put it together.
  12. Buckeroomama says

    January 24, 2012 at 10:07 am

    Thanks for sharing this. Sometimes I am able to align my buttons; sometimes I'm not... so this comes in handy. :)
  13. SarahinSC says

    January 24, 2012 at 8:11 am

    Great tip! I do always admire your inline buttons!
  14. Austin-Lee says

    January 24, 2012 at 5:09 am

    Great tutorial! Loving those OOF shots...so pretty!
  15. Cedar says

    January 24, 2012 at 12:23 am

    Very peaceful, serene images!
  16. Laura says

    January 24, 2012 at 12:11 am

    Great tip! I've been using html for a table column, but I think your way is a lot easier!

Welcome

I'm Sarah and I am the writer behind this blog. I love sharing recipes, DIY projects, photos and about my everyday life. I married my high school sweetheart Kenny. We have three boys and one baby girl - Dustyn, Carsyn, Prestyn, and Annelyn. Thanks for stopping by, can't wait to get to know you more. Read More…

Let’s Connect

  • Bloglovin
  • Email
  • Facebook
  • Instagram
  • Pinterest
  • Twitter

Search

  • Home
  • About
  • Blog
  • Contact
  • Privacy Policy
  • Hello Instagram Friends
  • Home
  • About
  • Blog
  • Contact
  • Privacy Policy
  • Hello Instagram Friends

Newsletter

Latest News · Tips & Tricks

Categories

Search

Partners


Officially graduated. Officially graduated.
Last day of 4th grade >>> First day of 4th grade. Last day of 4th grade >>> First day of 4th grade. 

I feel like he changed a lot. Looking more like a preteen… 😭
Last day of 2nd grade >>> First day of 2nd grade. Last day of 2nd grade >>> First day of 2nd grade. 

Her hair is kind of a mess cause I took these this afternoon after she had gone swimming with her friend Teagan.
In my feels tonight. In my feels tonight.
Senior Photos 👨🏼‍🎓 Senior Photos 👨🏼‍🎓
I’m not okay. Dustyn’s last, last day of school. 😭 I’m not okay. Dustyn’s last, last day of school. 😭😭😭 

last day of senior year > first day of senior year > kindergarten photo > 2026 shirt senior year > 2026 shirt kindergarten 

#senioryear #2026graduate🎓 #2026grad #classof2026🎓
Happy 8th Birthday Annie! 🎂🧁🎉🥳 You are so sweet, Happy 8th Birthday Annie! 🎂🧁🎉🥳

You are so sweet, kind and beautiful. 

She had a wonderful day celebrating with her friends yesterday watching the new Super Mario Galaxy movie.
Hope everyone had a wonderful Christmas. 🎄 🎅🏼 🤶🏻 Hope everyone had a wonderful Christmas. 🎄 🎅🏼 🤶🏻

To those that are sick, I hope you feel better soon. To those missing loved ones, I am wishing you peace and comfort. 

This was our last Christmas with all kids, next year we will have an adult. 🥹
I had so much fun crafting with the book girlies. I had so much fun crafting with the book girlies. Thinking we will make this a quarterly tradition. Mine is the second from the left.
Christmas in my Library. Delighted to see everythi Christmas in my Library. Delighted to see everything coming together and my shelves are filling up nicely.

What are your plans for Thanksgiving?

#christmasinthelibrary #christmaslibrary #christmasshelfie #christmasshelves #christmasdecor #christmasdecorations #christmasiscoming🎄 #christmasbooks
Wicked x Wicked: For Good. 1 year and 80 lbs dif Wicked x Wicked: For Good. 

1 year and 80 lbs difference. I have been changed for good. 

This is the lowest weight I have been since I got pregnant with Dustyn and he will be 18 in February. 😳Feeling amazing, so thankful for how far I have come, but would like to lose about 20 more and tone up.

#weightlossjourney #changedforgood #weightlossstory #weighlossmotivation #weightlossinspo #weightlossbeforeandafter
Last but not least. My sweet little princess. Sw Last but not least. My sweet little princess. 

Swipe >>> for a photo with her crown when she was my test subject.
What you get with a tripod, remote, only 2 seconds What you get with a tripod, remote, only 2 seconds to smile and no one to try to get Carsyn to look at the camera.
Looking more and more like a young man every day. Looking more and more like a young man every day. 🥹
A genuine smile. 🥰 Just not at the camera. A genuine smile. 🥰 Just not at the camera.
It’s super difficult to take photos of your own ki It’s super difficult to take photos of your own kids…. 

Swipe for a silly photo >>>
Last Christmas photos before this one becomes an a Last Christmas photos before this one becomes an adult. HOW is that even possible?
Meet Hazelnut Catuccino (pronounced cappuccino b Meet Hazelnut Catuccino 

(pronounced cappuccino but with a T) 

She’s super sweet and lazy. Hazel and Cocoa are starting to get along. They can walk by each other without hissing most of the time. Maybe one day the will snuggle together.

#hazelnutcatuccino #hazelnut #hazelthecalico #calicocat #calicokitty #calicokitten #calicocatsofinstagram
So thankful that one of Kenny’s new hobbies (out o So thankful that one of Kenny’s new hobbies (out of many) is auto detailing. My car stays clean the majority of the time. Plus, he researched for hours how to do ceramic coating so now the paint is protected and it should be easier to keep clean. The photo does not do it justice. It’s super slick and shiny.

#hyundai #hyundaisantafe #rockwoodgreen #rockwoodgreenpearl #willow #willowthesantafe
Cutest pink kitty I have ever seen. Annie made a Cutest pink kitty I have ever seen.  Annie made a mini vampire costume for her dino.

Copyright © 2026 · Captivating Theme On Genesis Framework · WordPress · Log in

 

Loading Comments...