How to Indent on WordPress: Every Method That Actually Works in 2026

Learning how to indent on WordPress takes about two minutes once you know which of the four methods fits your situation: the block editor toolbar, the Classic Editor’s indent button, an inline HTML style, or a site-wide CSS rule. Most people reach for the spacebar first, which breaks the moment someone reads the page on a phone. Below are the methods we recommend to hosting customers, in the order we’d actually try them.

The Quick Answer

• Indent a list item: click inside the item and press Tab (Shift+Tab moves it back out).
• Indent one paragraph: switch that block to Edit as HTML and wrap it in <p style="padding-left:40px;">.
• Indent the first line only: add text-indent: 3em; to the paragraph or to your stylesheet.
• Indent every paragraph on the site: one CSS rule in Global Styles, which is the method almost every tutorial skips.

How to Indent Paragraphs in the Block Editor

Gutenberg has never shipped a true first-line indent button for the paragraph block, and that trips people up. What it does give you is spacing control, which handles the most common case: pushing a whole block of text in from the left margin.

1. Click the paragraph you want to move and open the Settings sidebar (the gear icon, or press Ctrl+Shift+comma).
2. Open the Dimensions panel, click the three-dot menu, and enable Padding.
3. Unlink the sides, then set the left value to roughly 40px (about half an inch on a standard 96 DPI screen).

If the Dimensions panel isn’t there, your theme has disabled those controls in its theme.json file. In that case, group the paragraphs into a Group block, which nearly always exposes padding settings, and indent the group instead.

Indenting bullets and numbered lists

Lists behave differently and they’re the easy win. Place your cursor at the start of a list item and hit Tab to nest it one level deeper; Shift+Tab promotes it back up. The block toolbar also carries indent and outdent arrows if you prefer clicking, and nested items inherit the parent list’s markers automatically.

How to Indent in the Classic Editor

Sites still running the Classic Editor have it simpler. Click the Toolbar Toggle (the last icon in the first row) to reveal the second row, then use the Increase indent button, or press Alt+Shift+M on Windows. Each click adds 30px of left margin to the selected text, and you can stack clicks for deeper indents.

One caveat worth knowing: content indented this way stores inline styles in the database. If you later migrate that content into blocks, the styles usually survive, but they can fight with your theme’s spacing rules.

How to Indent Using HTML

For precise control on a single paragraph, edit the HTML directly. Select the block, click the three-dot options menu, and choose Edit as HTML. Then insert your own style attribute:

• Whole block indented: <p style="padding-left:40px;">Your text here.</p>
• First line only: <p style="text-indent:3em;">Your text here.</p>
• Hanging indent: <p style="padding-left:2em; text-indent:-2em;">Your citation.</p>

The text-indent property only affects the first line of a text block, which is exactly what you want for print-style prose. MDN’s documentation on text-indent covers the accepted units, including the negative values that create hanging indents for reference lists in APA or MLA format.

The Method Most Guides Miss: One Rule for the Whole Site

Indenting block by block is fine for a one-off. If you’re publishing weekly, styling every paragraph by hand is wasted time and it bloats your post HTML. Set the rule once instead.

In WordPress 6.x and later, go to Appearance > Editor > Styles, click the three-dot menu, and choose Additional CSS. Classic themes have the same field under Appearance > Customize > Additional CSS. Paste something like this:

.entry-content p + p { text-indent: 3em; margin-top: 0; }

That indents the first line of every paragraph except the opening one, which is the convention typographers have used in books for centuries. Change the selector to .entry-content p if you want the first paragraph indented too. Because the rule lives in your stylesheet rather than in each post, you can change your mind later without editing a single article.

Theme developers can go one step further and define spacing presets in theme.json, documented in the WordPress Block Editor Handbook. That keeps indentation consistent across every author on a multi-writer publication.

What Not to Use

Three habits cause most of the indentation support tickets we see:

• Spaces and the spacebar. HTML collapses consecutive spaces into one, so five taps render as a single gap.
• Repeated   entities. They survive rendering but produce inconsistent widths, break line wrapping, and read strangely to screen readers.
• The blockquote block as a visual indent. It’s semantic markup that tells search engines and assistive tech the text is a quotation. Using it for decoration sends the wrong signal, the same way a misleading title tag does (we covered that in our guide to changing your website title in Google search results).

People also search for an indent character to copy and paste. An em space (U+2003) or four-per-em space will visibly shift a line, and the Windows alt code Alt+8195 produces one. It works, but it’s a fragile fix compared to a single CSS declaration.

“Please Use Tab for Indentation” Is a Different Thing

If you’ve hit that message, you were editing PHP or JavaScript, not post content. WordPress coding standards require tabs (not spaces) for indenting code, and linters flag violations during commits. It has nothing to do with formatting a paragraph in the editor, though the wording confuses plenty of people who are just trying to indent text.

Troubleshooting: My Indent Disappeared

Nine times out of ten the change is saved and you’re looking at a cached copy of the page. Purge your page cache, then hard-refresh the browser with Ctrl+Shift+R. Our LiteSpeed Cache setup clears automatically on post update, but aggressive CDN or browser caching can still hold an old version for a few minutes.

The other common cause is theme CSS with higher specificity overriding your rule. Inspect the paragraph in your browser’s developer tools, find the winning declaration, and either match its specificity or scope your selector more tightly. Avoid !important until you’ve tried that.

Also check the result at a 375px viewport width. A 40px indent that looks refined on desktop eats real estate on a phone, so many design-led sites wrap the rule in a media query and drop it to 1.5em below 600px.

Frequently Asked Questions

How do I indent bullets in WordPress?

Click inside the bullet and press Tab, which nests it one level (Shift+Tab reverses it). The block toolbar also has indent and outdent arrow buttons, and WordPress supports several nesting levels, each adding roughly 1.5em of left spacing depending on your theme.

How do I insert an indent?

Use padding or text-indent rather than the spacebar, since HTML collapses multiple spaces into one. The fastest route is the Dimensions panel in the block settings sidebar for a whole block, or <p style="text-indent:3em;"> in the HTML view for a first-line indent.

How to do a 0.5 indent?

A half-inch indent equals 48px, 0.5in or roughly 3em at a 16px base font size. Word processors default to 0.5 inch tab stops, so text-indent: 0.5in; reproduces the look academic and print styles expect.

How do I indent a whole block of text?

Apply left padding of 40px to 60px to the block, not a first-line indent. Select the paragraph, open Dimensions in the sidebar, enable Padding, unlink the sides and set the left value; for multiple paragraphs, wrap them in a Group block and pad the group once.

Want a WordPress Setup Where Formatting Just Sticks?

Slow servers and stale caches make simple edits feel broken, which is why our WordPress blog hosting ships with automatic cache purging, staging and 24/7 WordPress specialists. Start a 14-day trial, or check how our scalable hosting plans handle your traffic as your archive grows.