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 css spacing between paragraphs space between paragraphs css wordpress add space space between paragraphs wordpress spacing between paragraphs css forwordpress spacing between paragraphs css space code in html space betwrrn lines in wordpress space between words html code on wordpress
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!