<h1>Right aligned toolbar buttons</h1> <p>Normally we <strong>strongly advice against overriding the TinyMCE CSS</strong> to tweak the editor. The proper way to change the visual appearance is to make a skin. That said, there is always exceptions to a good rule and moving a couple of toolbar buttons to the right side of the toolbar is one example of such an exception.</p> <p>Since the toolbar is using <em>flexbox</em> it's pretty easy to just add one simple CSS override to move a toolbar button group over to the other side. However, there are some caveats:</p> <ul> <li>It is not supported</li> <li>It probably has issues with right-to-left languages</li> <li>Future updates to TinyMCE might change the UI HTML and CSS, thus breaking the UI.</li> </ul> <p>But if you know what you are doing and accept the consequences, this is how you move buttons!</p>