How to make widgets appear in a horizontal line

Hi @gatoween,

Please copy this CSS:

#TA_greenleader818, #TA_certificateOfExcellence935, #TA_certificateOfExcellence240 {
    display: inline-block;
}

to the Appearance → Customize → Additional CSS area and tell me how these three elements look this time.

Hi Radu
Thanks for your assistance but that doesn’t seem to have done anything. Elements are still vertically displayed.
Phil

Hi,

I forgot. There seem to be some blank spaces between the three images. Please remove them and tell me how things work this time.

Hi
I must be misunderstanding something as I’m not sure where you are seeing the spaces between images? Can you copy the code for the place between the first 2 images that you see the space? Also should the images have any alignment assigned or none?
That might lead me in the right direction. I’m not an HTML genius at this point.
Thanks

Hi,

Could you copy this CSS too and tell me how things look this time, please?

#TA_greenleader818 + p, #TA_certificateOfExcellence935 + p, #TA_certificateOfExcellence240 + p {
    display: none;
}

OK, that seems to have gotten the trick done!! Now if I wanted to center the three images on the line is there a quick way to do that?
Thanks

Hi,

I looked a couple times for a CSS to center these elements too but I couldn’t find anything helpful. I cannot make this change due to the structure of the page. In order to do something like this, some changes need to be done to the way that the three certificates are added to the page.