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.
</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.
<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.
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
  – 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
<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.
thanks, it worked like charm
ReplyDelete