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


    Instagram has returned invalid data.

    Follow @ladybugsteacherfiles