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


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.
I'm still in awe of how far my library and plant r I'm still in awe of how far my library and plant room have come. Every time I step inside, I feel so happy to see my shelves filling up and my collections growing. 🙌🏼

Still on my to-do list: a gallery wall and living wall, but I'm a bit nervous since I'm not exactly good at that. One day, though... I also dream of getting a projector to display scenes on the big white wall.

I'm going to miss my Halloween decorations when they come down - time to start scouring thrift stores for Christmas decor, I suppose! 🎄
Thanks for coming along on this journey with me. I Thanks for coming along on this journey with me. I am so grateful to have my own library/plant space. 

It will be a few more months/weeks before it’s complete but I’m proud of how far it’s come. 

What I have left to do still: Get the top for my desk and seal it. Organize my craft stuff and put it on the shelves under my desk. Figure out my gallery wall above my desk. Order my @wallygrowplanters for my living wall. And of course buy more books and plants. 😆

#homelibrary #plantsmakemehappy #plantsdecor #booksbooksandmorebooks #shelfie #newlibrary #libraryofinstagram #booksandplants
Eeekkk. Look what I found at TJ Maxx. Run to your Eeekkk. Look what I found at TJ Maxx. Run to your closest one. It’s adorable!!! Going to look perfect on my bookshelf.

#deareader #tjmaxxmugs #cuteghosts #cuteghosts👻
Chop chop ✂️💇🏼‍♀️ I have been growing my hair out Chop chop ✂️💇🏼‍♀️

I have been growing my hair out for awhile but I was ready for a change. So I went a little crazy. 😆

#haircut #texturedbob #texturedbob✂️ #haircut💇🏼‍♀️
Carsyn’s first day of school. This might be his la Carsyn’s first day of school. This might be his last, first day of middle school. He technically would be in 10th grade this year but we have kept him at the middle school for longer, we love his teachers, plus he will be able to stay in high school until he’s 21.
Seriously in love with this space. It may not be p Seriously in love with this space. It may not be perfect or Instagram “worthy” but it’s mine and I’m proud of all the time and effort we have put into it. The rug arrived today. I am so pleased with how it is coming together. Thanks so much to my cousin @r_holz9 for all her decorating advice and @em.e.hicks for putting up with my million text messages. IKEA bookcases will be here tomorrow. Then need to paint them and start moving my books out there. After I finish with that, I will work on my living plant wall. Not sure when my low bookcases and desk will be built, but it will happen eventually. Almost there. 🙌🏼

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

 

Loading Comments...