WordPress Expert Special Offer: Free WordPress Installation, Free WordPress Development Consultation, Budget cut-off for your WordPress customization

Get your own domain name for $10 only! Get the cheapest web hosting for $6 a year, Free WordPress Installation, Free WordPress Development Consultation, Budget cut-off for your WordPress customization, and much more. Get free web hosting to test your website first. Just contact us and we will never charge any cost, and the best part is you can also get free WordPress installation and ready to used for your website. Start today! Get this special offer Now! Don’t waste your time, it’s only until end of this year!

How to Create Spaced Lists in WordPress Posts

Posted on May 30th, 2010 in WordPress with 0 Comment(s). .

Say you have a list like this:

  • Item A
  • Item B
  • Item C

…And you want it to look like this:

  • Item A

  • Item B

  • Item C

When you have lists that contain a lot of text, spacing out the items can improve readability.

As far as I know, this isn’t possible in the visual editor (unless you went the semantically-incorrect route of creating a new <ul> for each list item).

To add spacing, you’ll need to go to the HTML editor. In WordPress 2.5, select the “HTML” tab of the post editor; in previous 2.x versions, select the “Code” tab.

Here is what your list code would look like:

<ul>
<li>Item A</li>
<li>Item B</li>
<li>Item C</li>
</ul>

To create spacing, just add the <p> and </p> tags to the beginning and end of each item like so:

<ul>
<li><p>Item A</p></li>
<li><p>Item B</p></li>
<li><p>Item C</p></li>
</ul>

Then save the post and voilà! Spaced lists.

View the original source.

feedsbot

Feedsbot is the search bot software used by website, which collects feeds from the web to build a searchable index for the special topics. Click here to view the original post.

Add Comment

Discussion 0 Comments

Add a comment