Make css HTML Div Text Align Justify For Blogger Posts

Does your  blog text posts looks like a mess? Do you want make align and justify them? Sinced Blogger not provide you the tools to align your text, like MS words has. This tutorial hack will show you how to align justify text using css html Blogger posts. Check out the different pics below (BEFORE and AFTER).

Before align  justify

After align  justify

Well, let's start it right away:

1. Login to Blogger > Design > Edit HTML
2. Download Full template (for Backup)
3. Tick 'Expand widget Template'
4. Find the code .post

.post {

margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}

5. Add this code text-align:justify; before the end brace (the end curly bracket)

6. The position of the code, should looks like this

.post {

margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;

text-align:justify;

}

7. Save template


NOTE: If you want to left-align the post, then replace justify with left.
it should look like this

.post {

margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;

text-align:left;

}

Like This Post?

Tweet