Link to home
Start Free TrialLog in
Avatar of wjdashwood
wjdashwood

asked on

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?
ASKER CERTIFIED SOLUTION
Avatar of Roonaan
Roonaan
Flag of Netherlands image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Or use the inline executive:

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


-r-
Avatar of wjdashwood
wjdashwood

ASKER

Thanks,
Thats perfect