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!