{"id":1743,"date":"2022-04-10T12:58:42","date_gmt":"2022-04-10T16:58:42","guid":{"rendered":"https:\/\/basicwebguide.com\/?p=1743"},"modified":"2022-04-10T12:58:42","modified_gmt":"2022-04-10T16:58:42","slug":"how-to-justify-text-in-wordpress","status":"publish","type":"post","link":"https:\/\/basicwebguide.com\/how-to-justify-text-in-wordpress\/","title":{"rendered":"How To Justify Text In WordPress Easily?"},"content":{"rendered":"<p>Unfortunately, <a href=\"https:\/\/wordpress.org\/support\/wordpress-version\/version-4-7\/\" target=\"_blank\" rel=\"noopener\">WordPress version 4.7<\/a> remove the justify text button from the <strong>WordPress editor,<\/strong> which is a significant setback for <strong>WordPress users<\/strong>. If you are also a fan of justifying text features, read this guide till the end.<\/p>\n<p>What is justify text, <strong>how to justify text in WordPress,<\/strong> and why has WordPress removed it from WordPress? You will get all these answers in this article.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_61 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/basicwebguide.com\/how-to-justify-text-in-wordpress\/#What_Is_Justify_Text_Why_Has_WordPress_Removed_Justify_Button\" title=\"What Is Justify Text? Why Has WordPress Removed Justify Button?\">What Is Justify Text? Why Has WordPress Removed Justify Button?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/basicwebguide.com\/how-to-justify-text-in-wordpress\/#How_To_Justify_Text_In_WordPress\" title=\"How To Justify Text In WordPress?\">How To Justify Text In WordPress?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/basicwebguide.com\/how-to-justify-text-in-wordpress\/#How_To_Justify_Text_In_WordPress_With_Shortcut_Keys\" title=\"How To Justify Text In WordPress With Shortcut Keys?\">How To Justify Text In WordPress With Shortcut Keys?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/basicwebguide.com\/how-to-justify-text-in-wordpress\/#How_To_Justify_Content_In_WordPress_Via_HTML_Code\" title=\"How To Justify Content In WordPress Via HTML Code?\">How To Justify Content In WordPress Via HTML Code?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/basicwebguide.com\/how-to-justify-text-in-wordpress\/#How_To_Justify_Text_In_WordPress_Via_Plugins\" title=\"How To Justify Text In WordPress Via Plugins?\">How To Justify Text In WordPress Via Plugins?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/basicwebguide.com\/how-to-justify-text-in-wordpress\/#How_To_Justify_Text_In_Gutenberg_Editor\" title=\"How To Justify Text In Gutenberg Editor?\">How To Justify Text In Gutenberg Editor?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/basicwebguide.com\/how-to-justify-text-in-wordpress\/#Final_Thoughts\" title=\"Final Thoughts\">Final Thoughts<\/a><\/li><\/ul><\/nav><\/div>\n<h2 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"What_Is_Justify_Text_Why_Has_WordPress_Removed_Justify_Button\"><\/span><strong>What Is Justify Text? Why Has WordPress Removed Justify Button?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: center;\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-1746\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/04\/paragraph-alignment-in-ms-word.jpg\" alt=\"how to justify text in WordPress\" width=\"591\" height=\"208\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/04\/paragraph-alignment-in-ms-word.jpg 591w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/04\/paragraph-alignment-in-ms-word-300x106.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/04\/paragraph-alignment-in-ms-word-20x7.jpg 20w\" sizes=\"(max-width: 591px) 100vw, 591px\" \/><\/p>\n<p>WordPress (and other editors) comes with <strong>various text alignments<\/strong> options like <strong>left, right, center, and justify<\/strong> to make the text more readable. When we justify content, space is added between words to align equal margins\u00a0on both sides of each line.<\/p>\n<p>Justification offers text a <strong>neater, more professional appearance<\/strong> than most other textual orientations. This basically allows for a few <strong>more words per block<\/strong>, enabling more information to be packed into the same spaces. Also, Read <a href=\"https:\/\/basicwebguide.com\/how-to-unblur-text-on-a-website\/\">how to unblur text on websites<\/a>.<\/p>\n<p>Earlier, WordPress has <strong>justify button<\/strong> on the writing tab, but it was removed after the <strong>WordPress version 4.7 update<\/strong>. According to WordPress (or experts), justify text was <strong>not properly aligned all over the browsers<\/strong> and gives an absurd appearance.<\/p>\n<p>The <a href=\"https:\/\/www.w3.org\/\" target=\"_blank\" rel=\"noopener\">World Wide Web Consortium<\/a> (W3C) gives the following statement on why the justified text is not suitable for all:<\/p>\n<blockquote><p>Many people with cognitive disabilities have a great deal of trouble with blocks of text that are justified (aligned to both the left and the right margins). The spaces between words create \u201crivers of white\u201d running down the page, which can make the text difficult for some people to read. This failure describes situations where this confusing text layout occurs. The best way to avoid this problem is not to create text layout that is fully justified (aligned to both the left and the right margins).<\/p><\/blockquote>\n<p>However, users are still looking for justifying text alignments methods; let&#8217;s explore <strong>how to justify text in WordPress<\/strong>.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_To_Justify_Text_In_WordPress\"><\/span><strong>How To Justify Text In WordPress?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Undoubtedly, justify text button provides visual clarity and an appealing appearance. Although WordPress has removed justify button yet, there are <strong>several simple ways<\/strong> to justify text in WordPress; <strong>Keyboard shortcuts, plugins, and HTML codes<\/strong>. Let&#8217;s discuss them one by one.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_To_Justify_Text_In_WordPress_With_Shortcut_Keys\"><\/span><strong>How To Justify Text In WordPress With Shortcut Keys?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-1747\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/04\/keyboard-shorcuts-1.webp\" alt=\"How To Justify Text In WordPress With Shortcut Keys\" width=\"680\" height=\"354\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/04\/keyboard-shorcuts-1.webp 680w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/04\/keyboard-shorcuts-1-300x156.webp 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/04\/keyboard-shorcuts-1-20x10.webp 20w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/p>\n<p style=\"text-align: justify;\">Shortcut keys are the easiest method to justify text in WordPress; <strong>no coding, no mouse clicks<\/strong>. Whether you are using <strong>Windows or Mac<\/strong>, you can easily align the content in <strong>justify format<\/strong> within a few clicks.<\/p>\n<p style=\"text-align: center;\">Justify text in <strong>Windows<\/strong>: <strong>Alt + Shift \u2b06 + J<\/strong><\/p>\n<p style=\"text-align: center;\">Justify text in <strong>Mac<\/strong> (latest versions): <strong>Ctrl + Option + J<\/strong><\/p>\n<p style=\"text-align: center;\">Justify text in <strong>Mac<\/strong> (old versions): <strong>Alt + Shift \u2b06 + J<\/strong><\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_To_Justify_Content_In_WordPress_Via_HTML_Code\"><\/span><strong>How To Justify Content In WordPress Via HTML Code?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter wp-image-1757 size-full\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-10-142134.jpg\" alt=\"Justify Content In WordPress\" width=\"652\" height=\"231\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-10-142134.jpg 652w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-10-142134-300x106.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-10-142134-20x7.jpg 20w\" sizes=\"(max-width: 652px) 100vw, 652px\" \/><\/p>\n<p>HTML codes <strong>look quite nuanced in the first instance,<\/strong> especially if you are not a tech geek. However, HTML is a viable technique to encounter any problem over the internet. You can easily <strong>align content<\/strong> in justify format by <strong>just pasting the code<\/strong> in the editor.<\/p>\n<p>To align text in WordPress to justify alignment, just paste the <strong>HTML code below<\/strong> into your editor (in a text block, not in visual).<\/p>\n<pre style=\"text-align: center;\">&lt;p align=\"justify\"&gt;Justify align attribute are still supported by the browsers&lt;\/p&gt;<\/pre>\n<p>Once you have pasted the above code, you <strong>don&#8217;t require to justify each sentence<\/strong>, line, or paragraph. All the text over the article automatically gets aligned in justify format. Also, see <a href=\"https:\/\/basicwebguide.com\/how-to-highlight-words-on-a-web-page\/\">how to highlight a word on a webpage<\/a>.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_To_Justify_Text_In_WordPress_Via_Plugins\"><\/span><strong>How To Justify Text In WordPress Via Plugins?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Plugins make <strong>any repetitive procedure<\/strong> automatic, faster, and easier. The most suitable and simple plugin is the <a href=\"https:\/\/wordpress.org\/plugins\/re-add-underline-justify\/\" target=\"_blank\" rel=\"noopener\">Re-add text-justify button<\/a> which adds to your WordPress tool tab as it was earlier.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1750\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-10-114624.jpg\" alt=\"How To Justify Text In WordPress Via Plugins\" width=\"1027\" height=\"363\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-10-114624.jpg 1027w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-10-114624-300x106.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-10-114624-1024x362.jpg 1024w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-10-114624-768x271.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-10-114624-20x7.jpg 20w\" sizes=\"(max-width: 1027px) 100vw, 1027px\" \/><\/p>\n<p>You can download the plugin from your WordPress dashboards&#8217; plugin directory. Then go to the setting on the dashboard, select writing, and select the writing style; <strong>Setting&gt;&gt;Writing&gt;&gt;Writing style<\/strong><\/p>\n<p>You have <strong>3 options<\/strong> while making the above setting, choose anyone, and it will appear on your editor board:<\/p>\n<ol>\n<li>Without underline &amp; justify buttons.<\/li>\n<li>Default \u2013 Re-add underline &amp; justify buttons.<\/li>\n<li>Re-add justify only.<\/li>\n<\/ol>\n<p>Other best plugins to justify texts are <strong><em>Who Stole the text justify button<\/em><\/strong>?, <em><strong>PRyC WP: TinyMCE More Buttons<\/strong><\/em>. You can justify WordPress posts in classic, Gutenberg, and any other editors with plugins.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_To_Justify_Text_In_Gutenberg_Editor\"><\/span><strong>How To Justify Text In Gutenberg Editor?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>You can also easily add <strong>justify text in WordPress<\/strong> in Gutenberg editor. The best approach to justify text in Gutenberg is the <strong>CSS method<\/strong>. Follow the below steps to perform this method:<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1754\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-10-141112.jpg\" alt=\"How To Justify Text In Gutenberg Editor\" width=\"844\" height=\"370\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-10-141112.jpg 844w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-10-141112-300x132.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-10-141112-768x337.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-10-141112-20x9.jpg 20w\" sizes=\"(max-width: 844px) 100vw, 844px\" \/><\/p>\n<ul>\n<li>Go to your WordPress dashboard, look for appearance, and then customize option; <strong>Appearance&gt;&gt; Customize.<\/strong><\/li>\n<li>On the left side, you will get various options. Scroll down and look for &#8220;<strong>Additional CSS or Custom CSS.<\/strong>&#8220;<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1755\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-10-141545.jpg\" alt=\"Justify Text In wordpress\" width=\"520\" height=\"387\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-10-141545.jpg 520w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-10-141545-300x223.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-10-141545-20x15.jpg 20w\" sizes=\"(max-width: 520px) 100vw, 520px\" \/><\/p>\n<ul>\n<li>Click on CSS, and a code editing board appears.<\/li>\n<li><strong>Copy and Paste the below code<\/strong> on the blank area and click on the publish button at the top.<\/li>\n<\/ul>\n<pre style=\"text-align: center;\">.type-post p, .type-page p {text-align: justify;}<\/pre>\n<p>Now <strong>all of your upcoming posts and text<\/strong>s will align in justify format. If you want to make alignment changes on a specific page, follow the shortcut keys or plugin method discussed above.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Final_Thoughts\"><\/span><strong>Final Thoughts<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>It is all about <strong>how to justify text, lines, and paragraphs<\/strong> in WordPress in a few clicks. As you have learned <strong>justifying text<\/strong> is quite simple whether you utilized shortcut keys, HTML, or plugins.<\/p>\n<p>Justified text is unarguably best in appearance as compared t0 the other alignments. Although WordPress has removed it due to <strong>improper alignments across the browsers<\/strong>. Yet WordPress itself has various plugins that allow users to add justify button again.<\/p>\n<p>I hope you like this post where we discussed <strong>different methods to justify post<\/strong> or text, and it will help you to write fantastic content.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Unfortunately, WordPress version 4.7 remove the justify text button from the WordPress editor, which is a significant setback for WordPress users. If you are also a fan of justifying text features, read this guide till the end. What is justify text, how to justify text in WordPress, and why has WordPress removed it from WordPress? [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":1760,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[362],"tags":[2240,2235,2234,2230,2233,2250,2245,2237,2236,2238,2239,2241,2246,2249,2231,2247,2248,2244,2242,2243,2232],"_links":{"self":[{"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/posts\/1743"}],"collection":[{"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/comments?post=1743"}],"version-history":[{"count":10,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/posts\/1743\/revisions"}],"predecessor-version":[{"id":1761,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/posts\/1743\/revisions\/1761"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/media\/1760"}],"wp:attachment":[{"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/media?parent=1743"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/categories?post=1743"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/tags?post=1743"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}