Utility Classes

The Gutenberg editor is great, but it doesn't contain UI controls for quite a few common formatting options, like padding, margin, and borders. We've added some Gutenberg-specific utility classes that provide the ability to add those and a few more advanced formats within the editor, without needing to resort to custom CSS.

To use these custom classes, select the element to which you want to apply them and them to the Additional CSS Classes field in the block editor.

Multiple utility classes can be added, separated by spaces. It does not matter what order the classes are entered.