To create a bulleted list so that annoying extra line feed is removed, first find out if the page uses the CSS margins.
The code for margins would be something like this:
margin:0 0 0 -8px;
The parameters are - top, right, bottom and left.
Notice on this one, the left margin is -8 px, this means that it is used inside something like a "container" or table with padding and it is in a sense overwriting the container or table value.
After finding the value (if any) for pre-set margins, you need to then determine the value you need for the left margin of the UL and LI tages. In the example below, I have changed them so they look good on the preceeding page; it indents the UL section 5 pixels, then indents each LI section an additional 25 pixels. If the LI indent is not large enough the dots may not show.
Also notice that the example below has a 5px top margin on the LI setion. This places a bit of space between each LI and between the UL and first LI to make the reading a bit easier.
Add this code to the head section of the web page and modify it to fit that page.
<style type="text/css">
<!--
ul {
margin:0 0 0 5px;
}
li {
margin:5px 0 0 30px;
}
-->
</style>