How to Indent Paragraphs in WordPress Easily

How to Indent Paragraphs in WordPress Easily

indent paragraph wordpressThe decision to indent paragraphs in WordPress can make your content easy to consume. Indented paragraphs create a better reading experience. The whole purpose of this article is to teach you how to indent paragraphs when creating content on WordPress.

Using the indent text buttons
The best thing about using WordPress is that it offers a wide range of tools that you can use to edit your text the way you want. One great tool you can make use of is the indent text button that is available in the visual editor. Here, you will find the option to set your paragraphs justified to the right or left. To indent paragraphs in WordPress using this tool, you can do so manually by clicking on the increase indent button. This will add spacing to the left.

To indent several paragraphs, you have to select the target paragraphs then click on the increase indent button. You can add as much indent as you want by simply clicking on the button. To decrease indent, click on the decrease indent button.

Indent using text editor
Using the visual editor indent text button is easy but it doesn’t offer as much control over the spacing that you need. The second option you should consider is that of using the text editor. To use this option, you just need to wrap the text around the paragraph tag <p> and </p> tags and then add the inline CSS to the paragraph.

<p style=”padding-left:25px;”>your paragraph content here</p>

With this method, you can control the spacing just the way you want it to be. The method works best where you don’t indent paragraphs that often.

Indent the first line of the paragraph alone
Web pages don’t use the standard paragraph spacing that is used by word processors where the first line of the paragraph is indented. Even when using WordPress, when you indent the paragraph, the entire paragraph is indented.

For certain websites, the use of traditional paragraph spacing makes more sense. This is more so if yours is a magazine or news site. To achieve this, you will need custom CSS to the WordPress theme. Go to Appearance>>Customize then launch the WordPress theme customizer. Click on ‘Additional CSS’ tab. A text box will appear on the left pane. Add the custom CSS in this text box.

P.custom-indent {
Text-indent:60px;
}

The above code will tell the browser that if any paragraph has .custom-indent class, there should be an indent of 60px. After that, you can edit your post, switch to text editor and wrap the paragraph inside

<p class=”custom-indent”> your paragraph text </p>

Preview your post to see the indent. The above method works best when only a few paragraphs need to be indented. To add the style in all paragraphs, you need to change the custom CSS to this:

Article p {
Text-indent:60px;
}

The above are the methods you can use to indent paragraphs in WordPress. Choose the one that works best for you.

Indent paragraphs in WordPress