Readability is one of the important factors that determine your blog visitors return rate. Poor readability will turns your readers away from the content regardless of how good or bad it is written.
While the white space in between lines of text in your post can be easily configured through CSS, most WordPress users struggle with adding more space in between paragraphs. Pressing RETURN key repeatedly or adding “<br>” through HTML editor will not solve the problem as it will be removed when you “Save” or “Publish” your post.
Insert code into HTML editor
There are some work around for you to add extra white spaces in between the paragraphs. You can either use this code between paragraphs in your HTML editor
<div style="height: 1.4em; visibility: hidden;">ANY_CHARACTER_HERE</div> |
OR you can do it by applying “padding”:-
ABOVE A PARAGRAPH
<p style="padding-top:1.4em;">TEXT_HERE</p> |
BELOW A PARAGRAPH
<p style="padding-bottom:1.4em;">TEXT_HERE</p> |
BOTH
<p style="padding-top:1.4em;padding-bottom:1.4em;">TEXT_HERE</p> |
-
Source: wpbtips.wordpress.com
Incoming search terms:
css space between paragraphs add a paragraph in a wordpress post insert css wordpress insert extra space wordpress html code knock some in the space maxbuttons wordpress space in between more extra space between paragraph in html code space between columns wordpress nomargin wordpress editing add space between lines or paragraphs wordpress html for space between lines
I’m having a lot of trouble using WordPress blog and I seem to find it a bit complicated. However, I am learning it slowly and this one that you have shared on this post is very helpful to me.
simple tips but very usefull.
thanks.
Thanks for the the simple tips here, well I created CSS to for it:
CSS:
.paddingtop {
padding-top: 1.2em;
}
HTML
On upper of this text will have 1.2em space
- – - – -
I was working on WordPress which trying to figure out on how to add space on some of the lines, this trick is working just well!