• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1358
  • Last Modified:

heading for ul tag makes a single line gap

I have a bullet pointed list with a heading
For example:

Fruit:
  * Apple
  * Orange
  * Pear

When I code this as:
Fruit:
<ul>
<li>* Apple</li>
<li>* Orange</li>
<li>* Pear</li>
</ul>
it outputs as:

Fruit:

  * Apple
  * Orange
  * Pear


When I code this as:


<ul>Fruit:
<li>* Apple</li>
<li>* Orange</li>
<li>* Pear</li>
</ul>

it outputs as:

     Fruit:
  * Apple
  * Orange
  * Pear

does anyone know what the code would be to output  it as the first example?
0
wjdashwood
Asked:
wjdashwood
  • 2
1 Solution
 
RoonaanCommented:
Try:

Fruit:
<ul style="margin-top:0px;">
<li>* Apple</li>
<li>* Orange</li>
<li>* Pear</li>
</ul>

Regards

-r-
0
 
RoonaanCommented:
Or use the inline executive:

Fruit:
<ul style="display:inline;">
<li>* Apple</li>
<li>* Orange</li>
<li>* Pear</li>
</ul>


-r-
0
 
wjdashwoodAuthor Commented:
Thanks,
Thats perfect
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now