Inset text component

Use inset text very sparingly - it’s less effective if it’s overused.

When to use this component

Use the inset text component to differentiate a block of text from the content that surrounds it, for example:

  • highlighting a step that is already part of the content
  • highlighting information that is relevant - such as deadline dates 
  • examples
  • additional information that can be useful 

When not to use this component

Some users do not notice inset text if it’s used on complex pages or near to other visually prominent elements. For this reason, avoid using inset text as a way of highlighting very important information that users need to see.

If you need to draw attention to very important content, like legal information or warnings, use the in page banner component instead.

How to add insert text

Insert text is created using the toolbar in the WYSIWYG editor. Select the text you want to create as a block of text, then choose the insert text option in the styles dropdown.

Example insert text

You must be registered to vote before you can apply for a postal vote.

Help improve this component

To help make sure that this page is useful, relevant and up to date, you can send us feedback by using the 'Report a problem with this page'.