Jump to content


This topic is now archived and is closed to further replies.


problems with bullet points in HTML

Recommended Posts


I've got a problem with my bullet points and i just can't figure out why.

The style i am using is:
[code].style1 {
font-family:Arial, Helvetica, sans-serif;
color: #000000;

The code for where i have used bullet points is below:
[code] <p align="left">All of our packages include the following:</p>
    <li><P class="style1">Professional web site design</P></li>
<li><P class="style1">Update's to your site included in monthly maintenance plan</P></li>
  <li><P class="style1">Design around your Logo or Branding</P></li>
  <li><P class="style1">Multiple design revisions</P></li>
  <li><P class="style1">Website Hosting & Management (included for an additional £30.00 for 12 months)</P></li>
  <li><P class="style1">Domain Name Registration & Management (also included in the additional £30.00 for 12 months)</P></li>
  <li><P class="style1">Multiple eMail accounts</P></li>
  <li><P class="style1">Photography provided</P></li>
  <li><P class="style1">Visitor statistics</P></li>

The bullets and text style is working fine but the gaps in between is like double line spacing in microsoft word.

Any ideas how i can get the text to be closer together without the appearance of double line spacing?

I'm thinking ive got to change some thing with style1 but i cant work out what???

Cheers in adavance


Share this post

Link to post
Share on other sites
it's because of the paragraph tag <p> change your list to
<li class="style1">Professional web site design</li>


Share this post

Link to post
Share on other sites


Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.