How to Easily Indent Paragraphs in WordPress

Method 1: Using The Indent Text Buttons in Visual Editor
By default, most WordPress themes will show paragraphs justified to the left or the right for right to left languages. If you want to indent a paragraph, then you can do that manually by clicking on the increase indent button in the visual editor. This will add spacing to the left of the paragraph. In case you want to indent more than one paragraph, then you need to select those paragraphs and then click the increase indent button. You can click on the add indent multiple times to increase spacing. For example, if you click it twice, then it will double the indent spacing. You can also decrease spacing by clicking on the decrease indent button.

Method 2: Indent Paragraph Manually Using Text Editor

Using the indent text buttons in visual editor is the easiest way to indent paragraphs in WordPress. However, this does not allow you to control the amount of spacing you want to add. More advanced users can switch to the text editor and manually add spacing. All you need to do is to wrap the text around paragraph tag <p> and </p> tags and then add inline CSS to the paragraph text like this:  <p style=”padding-left:25px;”> Your paragraph text goes here… </p> This method allows you to control the spacing you want to use an indent. This method would work best if you don’t need to indent paragraphs that often. However, if you indent paragraphs, then this is not an ideal solution.

Method 3: Indent Only The First Line of a Paragraph

Web pages do not use traditional paragraph spacing used by word processors or typesetting, which only indents the first line of the paragraph. Even in WordPress, when you indent a paragraph the spacing is added to the entire paragraph. Some websites like news, magazine sites, or literary journals may want to add a more traditional paragraph spacing. In that case, you will need to add custom CSS to your theme.   First, you need to visit Appearance >> Customize to launch WordPress theme customizer. Now click on the ‘Additional CSS’ tab. This will show you a text box in the left pane where you can add your custom CSS. You need to add this CSS code in the box.

p.custom-indent {
text-indent:60px;
}
 
This CSS code simply tells browsers that if a paragraph has .custom-indent class, then add 60px as text-indent.
You can now edit a post in WordPress and switch to the text editor. Next, wrap your inside <p class=”custom-indent”> and </p> tags like this.
 
<p class = “custom-indent”> Your paragraph text goes here . . . </p>
 
Once done, you can preview your post, and you will see that only the first line of the paragraph has spacing before it.
 
 
 
This method will work neatly if you only want to indent a few paragraphs. However, if you want to add this style to all paragraphs on your site, then you just need to change the custom CSS like this.
 
article p {
text-indent:60px;
}
 
This CSS rule will automatically indent the first kine of all paragraphs inside a WordPress post or page.
I hope this article helped you learn how to indent a paragraph in WordPress.