I've hacked the CSS changes into the first animation ofhttps://splines.readthedocs.io/en/latest/bezier.html:

The result is not quite convincing:

• The size of the slider is significantly shorter than the image. In general, since image sizes may vary, a left-aligned slider will always look a bit out of place.
• Themargin-left: 50px creates a pseudo-alignment of the radio buttons, which in general will not work.

IMO the best solution ist to center-align all the controls with respect to the image and left-align the bounding div. This can be achieved e.g. by<div align="center">:

That would basically be sufficient. Not a CSS guru, but as propsed inhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/div#Attributes you may additionally replace the align attibute by CSS Grid or CSS Flexbox if you want to get rid of it.

I'm ok with that. Honestly, I just didn't have the time or will to look up the proper CSS, so thanks for doing it for me. 😁

Ok. Do you update your commit?

I will.

Ok, updated. I also took the opportunity to replace the "deprecated"align withmargin:auto.

You added margin:auto but contrary to your last comment align is still there. Is that intentional? Also can you please use a consistent style of spacing in the style tag (minor thing).

Good catch. Fixed. Actually revealed a problem wherealign was compensating for my not-quite-sufficient CSS.

Sorry to bother again. For some reason the slider is not centered with this code.

Superseeded by#12098 I think? Feel free to re-open if I'm wrong.