Centering and spacing images in your sidebar

April 2, 2011

Centering and spacing images in your sidebar

April 2, 2011

If you are someone who likes to collect lots of images and buttons in your sidebar, you might find that some images were made to be centered, while others are not.

There are a couple of quick and easy ways to neaten up those sidebar images.

To center images only takes a bit of code:

You can choose to center each individual image with this. Or you can put all of your images in one HTML widget and center them all at once, by adding the centering code to the beginning and end, with all of those image codes in between.

You can also use some code to space out your images evenly.

I have all of my images lined up in the same HTML widget box. When I first uploaded them, they were stacked close together. In order to make a little space between them, I had to add a line break.

Now they have a nice little space so each can be seen easily. The code for the line break is in the next image below…

So, each time you’d like a space between two images, you can add the code shown in blue, right after the image code.

This will work for any kind of image you place in your sidebar.

If you’d like even more space, just add this same code two or three times in a row. This will make the space between your images even larger.

Happy Weekend! I’m happy to report that yesterday’s snow is melting quickly. I hope you’re all having some nice, springy weather!


  • Hadar April 2, 2011 at 5:09 pm

    LOL!!! I cannot believe you posted this! I literally have spent the last hour trying to make my side bar not look so disgusting!

  • Kathy Law April 2, 2011 at 7:00 pm

    THANKS for all the tech tips!!

    First Grade a la Carte

  • Nancy Wilson April 3, 2011 at 4:50 am

    Hello 🙂 Help PLEASE! I am anxious to get my blog up and running. I appreciate all of your posts. I started at your oldest in tech tips and am trying to figure all this out! I made a header in 'publisher' but how do I get it to be an 'image' that I can upload. I don't have photoshop, not sure if that's what you need…I'm trying, but I am a little frustrated and confused! Thank you, Nancy Wilson

  • Ladybug Teacher April 3, 2011 at 1:17 pm

    Hey Nancy! I'm sending you an email right now!

  • Amy April 4, 2011 at 6:23 pm

    Thanks for this tip Kristen! I just set up my twitter after you installed my *fabulous* new buttons Saturday and twitter does take some getting used to. Social networking is definitely important in the blogging world I think. I did learn that you can text tweets to your twitter account via your phone! You have to download the app (I have a droid) and then you just text your update to 40404 and it automatically updates your tweet!

    I like the FB pages too for posting blog updates.


  • Ms. Garber April 6, 2011 at 8:55 pm

    I am very new to this and I was wondering how to but someone button on your page. I see it on a lot of blogs but I can't find a gadget for it. Please help me!!!

  • Leave a Reply


    • Maine 💙 #teachersummer #iteachfourth #iteach4th #teachersfollowteachers #teachersofinstagram
    • Packing for the beach! I’m trying to stuff a few more books into my suitcase if I can...have you read any of these yet? #teachersonbreak #iteachfourth #iteach4th #teachersfollowteachers #teachersofinstagram
    • Do you have magnetic whiteboards in your class?⠀⠀⠀⠀⠀⠀⠀⠀⠀I LOVE mine...I only wish all of my walls could be filled with magnetic whiteboards! 😂 This year, I started using a little magnetic tool to save lots of time...and to avoid repeating information over and over.⠀⠀⠀⠀⠀⠀⠀⠀⠀I made these little due date magnets and they help in two ways. They hold extra assignments, forms, and work samples.⠀⠀⠀⠀⠀⠀⠀⠀⠀And...⠀⠀⠀⠀⠀⠀⠀⠀⠀They display the due date! Swipe to see some pics from our class. These little magnets kept me MUCH more organized this year...and they kept my fourth graders in the know!⠀⠀⠀⠀⠀⠀⠀⠀⠀They are the perfect (easy) summer project for a rainy day...that’s actually what I’m doing today! 🌧 If you would like to see more, the link to this resource is in my profile (⠀⠀⠀⠀⠀⠀⠀⠀⠀#classroomorganization #classroommanagement #iteachfourth #iteach4th #iteach456 #teachersfollowteachers #teachersofinstagram
    • So I managed to avoid shoving things into random places...mostly 😂 #classroomorganization #kindof #randompaperplates #andnapkins #iteachfourth #iteach4th #teachersfollowteachers #teachersofinstagram
    • All packed up and ready for summer!! 😅 Best wishes to my friends still wrapping up their school years! #summertime #canbarelymove #classroomorganization #iteachfourth #iteach4th
    • Two of my dear friends and colleagues retired today. I worked on teams with both over the years (one in 4th and one in 5th) and they’ve both been my next door (classroom door) neighbors. They’ve taught a combined total of 74 years!!⠀⠀⠀⠀⠀⠀⠀⠀⠀We had an outdoor luncheon on our school patio to celebrate their years of dedication to our school. The theme was beachy/nautical and it was so fun to set up...I found most of the decor at the Dollar Tree! We had tons of candles, shells, flowers, and a fishnet with class photos from over the years. (Don’t mind the masking tape on the table in that last photo, it was a bit windy 😂). ⠀⠀⠀⠀⠀⠀⠀⠀⠀It was a happy and sad kind of day 💕 #retiringfriends #cantimagineschoolwithoutthem #teachersfollowteachers #teachersofinstagram

    Follow @ladybugsteacherfiles