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?
wjdashwoodAsked:
Who is Participating?
 
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
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.