How to add line spacing in between Bullets on Wordpress

Today, we discuss how to enter line spacing in between Bullets, paragraphs, etc. on WordPress. Sometimes, it is really necessary to enter line spacing in between lines or segments to provide a immense way of work. You don't require any Visual Composer or a blog template to proceed with. All you need is to insert couple of codes in between lines under HTML coding and you are good to go.

 Quick Guide to enter Double Space while pressing Enter Key

Shift+Enter : You can press Shift and enter Key together to create a single line spacing between lines. The best way to create a new paragraph is by pressing Enter Key. The Shift Combination helps to bring a new line instead of new paragraph.

Code to Know: Standard WordPress Spacing HTML

&nbsp – Non Breaking space : This is typically used to create a wrap or to move text to the next line. Don’t use this for creating spaces. 

 
</br> – line break : This serves as a traditional carriage return. This is more or less similar to that of pressing return in Word. Do note that some of the WordPress themes consist an HTML filter which removes empty or open tags. Hence, this might show correctly when you insert a </br> and toggle between text and visual composer, but when you Update the page, this will remove those breaks and put you right back where you started. 

 
<p>, </p> : This can be used to create a paragraph space and is pretty easy to apply. You can wrap your text with the help of a paragraph tag that provides a line break after you finish a specific paragraph. 

Line Breaks for Bullet Lists

If you use a bullet norm under your WordPress webpage, bulleted items get stacked together without a single space. This resembles to- 

• Paragraphs
• Line Break
• Bullets
• Numbers

The code of the above bulleted list appears as-

<ul>

<li>Paragraphs</li>

<li>Line Breaks</li>

<li>Bullets</li>

<li>Numbers</li>

</ul>

This does look good when the bulleted are short, however, this appears poorly when there are text accompanied to them. This is why, you must perform certain operations that help them to appear effectively while writing articles.

Bullet and Numbered List Spacing in WordPress

Here we explain some of the efficient ways to present them in effective manner-

Step-1: All you require is to go to the right hand corner and hit Text Tab. See the screenshot below-



Step-2: No locate <li> tag inside the HTML container, and insert style="padding-bottom: 14px;" in between the tags. This will resemble something like -

<li style="padding-bottom: 14px;">

Step-3: That's it, now press Save button and you will can the changes in the Preview Tab.

Note: You can even adjust the spacing as per your choice, just edit the padding to whatever extent you want the spacing should be.