Line spacing with bulleted lists

• 

  doronsweb · Member · Apr 19, 2013 at 2:18 pm

  • Copy link
  • Add topic to favorites

  My Web will include many bulleted lists and I prefer no space between the last sentence and the first line of the list. Apparently, WordPress treats the list as a new paragraph. How can I eliminate that line in the HTML?

  Thank you,

  Doron Antrim

• 

  amightywp · Member · Apr 19, 2013 at 8:40 pm

  • Copy link

  Hi there,

  While you are working in the Visual Editor, you can ensure that there are just single line breaks between paragraphs if you hold down shift and press “enter.”

  As far as going from a paragraph of text and in to an unordered list however, you might be able to do that by going in to the text editor and making sure that the unordered list is inside of the paragraph tags.

  In other words, instead of it looking like this:

  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
  
  <ul>
     <li>Item 1</li>
     <li>Item 2</li>
  </ul>

  You can try making sure that it looks like this:

  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore<br />
  <ul>
     <li>Item 1</li>
     <li>Item 2</li>
  </ul>
  </p>

  Note that there is a line break to go to the list and then the paragraph tag is after the close of the unordered list. This may make your list look how you want it to!

• 

  doronsweb · Member · Apr 20, 2013 at 4:07 pm

  • Copy link

  Thank you for a well described answer. Unfortunately, it doesn’t work in the WordPress editor. The <bk /> does not work with

  , only without it. I also want to indent my ul’s. Also, I would like to work with an editor that displays the full page in HTML. Maybe I need a new CMS. Any ideas?
• 

  doronsweb · Member · Apr 22, 2013 at 1:07 pm

  • Copy link

  Hi Amighty,

  I’m almost believing that what I want — no line separating a list from the preceding paragraph — is impossible in WP. I have tried your solution and the following, and none work. In all of the following, the editor strips the <bk /> tag. Is there anything that will work?
  Thank you,
  Doron
  <p>
  <h4>Square bullets list:</h4>
  <ul style=”list-style-type:square;”>

• Apples
• Bananas
• Lemons
• Oranges

</p>

<p>
<div style=”line-height:1.4em;”>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore

• Item 1
• Item 2

</div>
</p>

<p>
Test

   o TTTTT

   o TTTTT

</p>