Why is the text page changing to something different from the code?

• 

  hanifleylabi2014 · Member · Jun 18, 2014 at 8:58 am

  • Copy link
  • Add topic to favorites

  I am creating a numbered spaced list. I edited the code to add </br> to achieve the spacing to end up with this

  1. Voluntary and community or other not for profit organisation
     Private sector businesses and public sector bodies will not be eligible to join.

  </br>

  then five more followed by

  When i preview it looks exactly as it should. However, then when i click on the visual page, the numbered list reads as all number 1s rather than 1 to 5. Then when i click update, the code updates to the following, even though since clicking preview i have made no changes in the code page or the visual page.

  1. Voluntary and community or other not for profit organisation
     Private sector businesses and public sector bodies will not be eligible to join.

   

  1. Area of operation
     Members must either based in, or delivering services in, Newcastle-upon-Tyne as defined by current local authority boundaries.

   

  I try to change it back but ever time the same thing happens. Can you help?

  The blog I need help with is: (visible only to logged in users)

• 

  raincoaster · Member · Jun 18, 2014 at 9:33 am

  • Copy link

  Please post the code between CODE Tags so we can see it.

• 

  hanifleylabi2014 · Member · Jun 18, 2014 at 9:37 am

  • Copy link

  this is an example of two parts of the list

  < ol>
  < li>< strong>Voluntary and community or other not for profit organisation< /strong>
  Private sector businesses and public sector bodies will not be eligible to join.< /li>< /br>
  < li>< strong>Area of operation
  < /strong>Members must either based in, or delivering services in, Newcastle-upon-Tyne as defined by current local authority boundaries.< /li>< /br>
  < /ol>

  turned into this

  < ol>
  < ol>
  < li>< strong>Voluntary and community or other not for profit organisation< /strong>
  Private sector businesses and public sector bodies will not be eligible to join.< /li>
  < /ol>
  < /ol>
   
  < ol>
  < ol>
  < li>< strong>Area of operation< /strong>
  Members must either based in, or delivering services in, Newcastle-upon-Tyne as defined by current local authority boundaries.< /li>
  < /ol>
  < /ol>
   
  < ol>
  < ol>

• 

  kokkieh · Staff · Jun 18, 2014 at 10:58 am

  • Copy link

  Hi there. Neither the br-tag nor the nbsp code seems to work, but you can get the desired result with some inline CSS to add a space above each list item (be sure to remove all the br-tags as well):

  <ol>
  	<li><strong>Voluntary and community or other not for profit organisation</strong>
  Private sector businesses and public sector bodies will not be eligible to join</li>
  	<li style="padding-top: 14px;"><strong>Area of operation</strong>
  Members must either based in, or delivering services in, Newcastle-upon-Tyne as defined by current local authority boundaries.</li>
  </ol>

  As you can see in I only inserted the code in the second list item as the first doesn’t need a space above it. Add the same code to the third, fourth, etc. items and within the li-tag and it should work. You can adjust the pixel value to make the space bigger or smaller.

  I found the code here: http://en.support.wordpress.com/editors/styling-individual-posts-and-pages/#adding-extra-line-breaks