How can i properly center 2 images next to each other?

Hi,

In my form, i happen to have 2 images which i need to be centered next to each other.

It worked properly when the size of my images was big, but my client asked me to reduce their size.

Now, i can't manage to center them and still keep them next to each others.

I've been trying to modify their properties by injecting css, but it's not working as i want. For now, i tried to inject css for the images with id's 90, 95, 97 and 99 (which are the images that  are on the left.), I trieed to change the left margin, the left padding, but i can't manage to increase those parameters to center the pictures.

I'd really appreciate any help with it.

The url of my form is http://www.jotform.com//?formID=40774734344357

(Ii've put red arrows on the screenshot to show what i want to do.)

Thanks,

Yohan Picot.

Nevermind, i found a workaround. It may be not the best solution, but it's working as i want.

I just added an empty text box at the left of the two image, it moves them to the center, just centering them as i was trying to do.

If you have a better solution, don't hesitate to give it to me in case i cross the problem another time and can't resolv it the same way.

Thank you,

Yohan Picot.

Hello Yohan,

Great workaround.

If you remove the text field to the left of the first image, you can insert CSS to align the two images to the center.

#cid_90 > img {
margin-left: 93px;
}

To know how to insert that CSS code to your form, use this guide.

Let us know if you hit any bumps.

Hello,

and thanks for the answer. I tried to remove my text field, and replace them by the css you supplied, but it didn't have any effect on the image location on my form.

Right now i switched back to the text fields.

Best regards,

Yohan Picot.

Hi Yohan,

You can use this custom CSS codes:

#id_90 {

margin-left: 80px !important;

}

You may need to adjust 80 to bigger value. Make sure to remove first the empty HTML block from the form.

Thanks

Hi,

Thanks for the answer, it works like a charm! Must have made a typo or forget something when i tried this before.

Thank you again,

Yohan Picot.

Let us know if you need further assistance.

Thank you.