How To Justify Text In Gutenberg WordPress?

We miss an attractive feature in its latest block editor, "Justify.". Learn here how to justify align text in WordPress Gutenberg editor.

By Claudio Pires
Updated on August 17, 2023
How To Justify Text In Gutenberg WordPress?

For higher than ten years, I have been using WordPress CMS for my business website. We miss an attractive feature in its latest block editor, “Justify.” WordPress 4.7 has canceled the “Justify” button in 2016. Because its browser implementation is uneven and affects text readability. Although this unique text alignment feature has disappeared from the Gutenberg editor. It is still in use by many WordPress users like me. In its article, we’ll learn how to justify align text in WordPress Gutenberg editor.

Therefore, if you want to restore this centered text with margins. The feature to the latest version of WordPress, then you may think of the following questions! How to align text in Gutenberg WordPress?

Why Align Text At WordPress? 

Paragraph text alignment on a web page plays an essential role in the readability and diversity of the web page. Justify increases the space between words and aligns the text neatly on the left and right edges. This neatness provides a professional look to your website. Generally, there are four types of paragraph text alignment: left alignment, correct alignment, center alignment, and justification. 

The first three options are available in the WordPress block editor. Justify text alignment is in use to fit paragraph text in the left and right margins. Add extra spaces between words. Therefore, the left and right margins on both sides of the page look clean. 

How Do We Justify Text In WordPress Gutenberg? 

Firstly, the latest version of WordPress uses the block editor to create pages and posts using the Gutenberg toolkit. Yes, the “Justify” function is not available.

Now, let me tell you how to add this option in the WordPress block editor. We can add alignment text alignment in the Gutenberg block editor in two ways. 

By Plugin Usage

Recently WordPress adds the Gutenberg block editor with page building options. Using the Gutenberg block editor, the format of each block and its text are different. To add justified text in each block, we have no default benefits or alternatives. So you require to install the Gutenberg Block Editor toolkit plugin.

Stage 1-In, the WordPress dashboard, go to Plugins and add a new plugin called Gutenberg Block Editor Toolkit EditorsKit. The plugin provides options for aligning text in each block. So, simply catch the moves to get the Justify piece in your nearest WordPress editor.

Step 2-After installing and activating the plugin, click on any new block on the web page in the Gutenberg reader. So, it will own many document formatting options and a new arrow drop-down menu in the formatting options. Step 3-Find the “More Rich Text Tools” option. Under this option, you can see the text alignment option in the Gutenberg block editor. By clicking this option.


Use CSS to prove For your question-how to align text in WordPress manually? This is the answer! Steps: Go to WordPress Dashboard Management. Customizer. In addition, Custom CSS section Patch the subsequent CSS code to align the text with the left and right margins. 

p {
   text-align: justify;

This method proves that all of your website content is reasonable. When you add custom CSS code in the customizer, the feature will be applied to your entire website content. If you want to prove the rationality of specific content, you must install a plug-in to complete the work.

Claudio Pires

Claudio Pires is the co-founder of Visualmodo, a renowned company in web development and design. With over 15 years of experience, Claudio has honed his skills in content creation, web development support, and senior web designer. A trilingual expert fluent in English, Portuguese, and Spanish, he brings a global perspective to his work. Beyond his professional endeavors, Claudio is an active YouTuber, sharing his insights and expertise with a broader audience. Based in Brazil, Claudio continues to push the boundaries of web design and digital content, making him a pivotal figure in the industry.