How to Indent Paragraphs in WordPress (Without Any Complexity)

indent paragraph

Are you looking for a way to indent paragraphs or add space in paragraphs in WordPress? Well, you can do it very easily; all you have to do is follow this post. In WordPress, most of your text is aligned left, in some cases, you might want to indent a paragraph for improved typography. 

In today’s post, I will show you three methods of indenting paragraphs in WordPress. You can choose any method from the below.

Let’s begin, then. 

Method 1: Indent Paragraphs Using Classic Block

In Gutenberg, you can indent paragraphs using the Classic block. It’s very easy and requires no coding.

Step 1: Add a Classic Block

Open the page/post where you want to indent a paragraph. Click on the add block button and search for the classic block. 

Step 2: Create an Indented Paragraph

Write your text on the editor and click on the ‘toggle toolbar’ button. Alternatively, you can press ‘shift + alt + z’. 

Click on the ‘Increase Indent’ button. If you would like to decrease the indent, then click on the ‘Decrease Indent’ button. 

The output will look something like the one below. 

Method 2: Indent Paragraphs Using Code Editor

You can also indent paragraphs using the code editor. First, open the post which you want to indent. Then click on the three dots in the top left corner. 

Click on the Code editor. Now, find the paragraph that you want to indent and add the following code inside the p tag. 

style="padding-left:25px;"

For example, 

<p style="padding-left:25px;">Your paragraph text goes here...</p>

Then, update the page and click on the Exit code editor button

Now, you will find that your paragraph is indented. 

In this way, you can indent paragraphs as much as you want to. 

Method 3: Indent Paragraph Using CSS

If you wish, you can also add an indented paragraph by using CSS. The Gutenberg editor doesn’t provide you with the CSS editor by default; therefore, you have to use an external plugin. Here, I will show you how to indent paragraphs using Blocks CSS Plugin. 

Step 1: Install the Blocks CSS Plugin

From your WordPress dashboard, navigate to Plugins -> Add New Plugin and search for ‘Blocks CSS‘.

Install the plugin, and don’t forget to activate it.

Step 2: Write CSS Code to Add Indent

Open the page/post where you want to add an indented paragraph. Select the block and hit block settings. 

Now, you will see a new field named, ‘Custom CSS’. Paste the below code in this field. 

selector { 
text-indent:100px;
} 

Here, you can adjust indent size by altering the value. E.g. if you like 200px indent size, then write 200 px instead of 100 px. 

Finally, you will have output like something below.


Final Words

Indenting paragraphs is a valuable technique for creating a visually appealing layout and enhancing readability in your WordPress content. With these processes shown above, you can easily indent paragraphs to suit your preferences and achieve a professional-looking website.

If you still face any problems, feel free to share it. I will be happy to help you. If you liked the post, please share it with your friends. 

Changelog
  • Updated on 2024-09-23 (Uzzal Raz Bongshi)
    • Added ‘Method 1: Indent Paragraphs Using Classic Block’.
    • Added ‘Method 3: Indent Paragraph Using CSS’.
    • Updated ‘Method 2’.

Leave a Reply

Your email address will not be published. Required fields are marked *