How Do You Indent Text in WordPress?

Why use indentation in WordPress?

To indent text in WordPress, use the editor’s indent control, add a small HTML style, or apply CSS. The best choice depends on whether you need one paragraph changed or a site-wide style. Start with the Block Editor if you want a quick, visual change.

An indent moves text inward from the edge of its column. It can mark a new paragraph, set off a quote, or show levels in a list. Used with care, indentation helps readers see how ideas relate.

Too much indent can make a narrow column harder to read. On phones, even a small shift takes up useful space. Use one clear style, then check the post on a small screen.

• Indent the first line to mark a new paragraph.
• Use a quote block to set apart a longer quote.
• Use list controls to show levels in a nested list.

Choose a method that fits your post

WordPress offers several ways to indent text. The Block Editor has controls for some blocks, while HTML and CSS allow more exact styling. The Classic Editor has fewer visual controls, so it may need a toolbar option or code.

For a single block, use an editor control when available. For repeated styling across many pages, use CSS. HTML styles suit a one-off change, but they can be harder to keep consistent later.

Before changing a live page, preview it. A theme may set its own spacing, and that style can affect the result. The official WordPress Editor documentation explains the main editing tools and block controls.

• One block: Try the editor’s indent or spacing controls.
• One-off custom look: Add a style to the HTML.
• Site-wide look: Add a CSS rule to the theme.

Indent text with HTML

HTML can set an indent on a single paragraph. In the editor, select the block, open its options, and choose the code view. Add a style to the paragraph tag, then switch back to the visual view.

For example, use <p style="text-indent: 2em;"> before the paragraph text. Close the paragraph with </p>. The value 2em is based on the text size, so it scales when the font changes.

Use this method sparingly. If you edit the paragraph in visual mode, the editor may change or remove custom markup. Also, a first-line indent differs from moving the whole paragraph inward. For the latter, use a margin or padding style instead.

Keep the markup simple, and preview the page after saving. Avoid adding several competing style rules to the same paragraph. They make later edits harder to track.

Use the WordPress Block Editor

The Block Editor gives you a visual way to shape content. Select the paragraph or other block, then check the block toolbar and settings panel. Depending on the block and theme, you may find controls for indent, spacing, or dimensions.

For lists, use the toolbar’s indent and outdent controls to change a list item’s level. This is better than adding spaces by hand. Spaces can shift when fonts change, and screen readers do not treat them as list structure.

If no indent control appears, the selected block may not support one. You can use a group or quote block, change the block’s spacing settings, or apply a CSS class. The controls can vary by WordPress version and theme.

Use a quote block for quoted material rather than pressing the indent button repeatedly. It gives the content a clear role and often includes fitting styles. Preview the result on desktop and mobile.

Adjust indentation in the Classic Editor

The Classic Editor offers a toolbar control for indenting some content. Select a paragraph, then use the indent button if it appears in the toolbar. The button usually shifts the whole paragraph, rather than only its first line.

If the toolbar lacks that control, switch from Visual to Text mode and add HTML. A paragraph tag with a text-indent style can create a first-line indent. Keep a copy of the original text before editing code.

Do not use repeated spaces or tabs to line up text. Browsers may collapse spaces, and the layout can break on narrow screens. Use a list, quote, or CSS instead when you need a lasting layout.

After editing, return to Visual mode and inspect the post. Save a draft first if the page is important. This makes it easy to undo a change that affects other content.

Fix indents that do not show

If an indent disappears, the theme may override the editor’s styles. Some themes set paragraph margins or reset text formatting. A cache or page builder can also keep an older version visible.

First, check the page in a private browser window and clear any site or browser cache. Then test the post with a default theme or a plain paragraph block. If the indent appears there, your active theme likely controls the spacing.

For a more reliable style, add a class to the block and define that class in your theme’s CSS. For example, set a class such as first-line-indent, then add a rule for text-indent: 2em. Keep the rule scoped to the class so it does not alter every paragraph.

Theme updates can change how custom CSS behaves. Use a child theme or the site’s Additional CSS area when available. Test on a staging site if the change affects many pages.

1. Check the page in a private window.
2. Clear caches and preview again.
3. Test the same text in another theme or block.
4. Scope a CSS rule to one class if needed.

Indent with care for better reading

Keep indents modest and use them for a clear reason. A first-line indent can suit long-form writing, while a gap between paragraphs may work better for web content. Avoid using both styles heavily, since they can make the page feel crowded.

Use the same approach across similar posts. A consistent style helps readers scan and understand the page. For lists, use proper list blocks instead of manual spaces or symbols.

Check the result at different screen sizes. A two-em indent may look subtle on a wide screen but take up too much room on a phone. If the text feels squeezed, reduce the indent or remove it.

Finally, choose the simplest tool that meets the need. Use editor controls for quick changes, HTML for a single custom case, and CSS for repeat use. That keeps WordPress text formatting easier to update.