Controls in the Image dialog's toolbar - alignment buttons, Style dropdown, "Custom width" checkbox, relative width resizer - will all apply their own style settings to the figure element. There will always be at least two styles applied: one of the alignment styles and one of the width styles. Selecting custom width + resizer will additionally apply inline styling (which will override auto width).
This will result in visual change of the image styling inside the modal dialog's preview, via plugged-in predefined CSS stylesheet.
Once the changes in the modal dialog are applied, the same styling must be applied to the figure element inside the HTML editor. Again, styling will visually change due to CSS file.
Controls in the Image dialog's toolbar - alignment buttons, Style dropdown, "Custom width" checkbox, relative width resizer - will all apply their own style settings to the
figure
element. There will always be at least two styles applied: one of the alignment styles and one of the width styles. Selecting custom width + resizer will additionally apply inline styling (which will override auto width).This will result in visual change of the image styling inside the modal dialog's preview, via plugged-in predefined CSS stylesheet.
Once the changes in the modal dialog are applied, the same styling must be applied to the
figure
element inside the HTML editor. Again, styling will visually change due to CSS file.