After injecting the sublabels CSS code, the spacing between the images are no longer the same

I need help again with this sublabel solution. Before injecting the sublabels CSS code from Patrick, the image titles are limited within the image width (or with word-wrap property).

After injecting the sublabels CSS code, the spacing between the images are no longer the same because of long titles or long sublabels.

How do I keep the word-wrap property and maintain the consistent spacing between the images?

Can you please try to inject the following CSS code in the widget:

li {

white-space: nowrap;

}

If the issue still persists, please provide the link of the form from your screenshot (where the issue persists), so we can test on it.

Let us know if you need further assistance.

Here's what happened when the code is injected.

This is not the desired result. Long titles should wrap just like in the original widget without the sublabels (1st screenshot in my question).

Here's the link to my form:  https://form.jotform.com/201694530223448

Please allow me some time to test this. I'll get back to you once I have the code to fix the issue.

Please replace the code provided by my colleague with the following code.

li {

    width: 87px;

}

ex.

I hope that helps. Let us know if you have any questions or if you need further assistance. 

Thank you very much! This solves my issue.