Hello
I can't figure out how to make that <p> gap into a <br>
I don't really understand how <p> interacts with[list]<li> tags.

I get a <p> gap between "The Application SIG will endeavor to provide the following to its members:" and the first list bullet.


Here is the Html code:

<div class="sigs"><p><b>:: Mission Statement ::</b><br>
    The Application SIG will endeavor to provide the following to its members:
  [list]

  <li>To develop and share “Best Methods and Practices” in developing applications</li>
<li>To assist group members in developing solutions to problems that arise
    in their development </li>
    <li>To provide a forum to exchange ideas and techniques</li>
    <li>Mentoring </li>
  </ul></p></div>

CSS:

.Sigs p
{
padding: .8em ;
margin: -5px 20px 5px 20px;
font-family: Verdana, Helvetica, sans-serif;
font-size: .7em;
color: darkblue !important;
border-bottom: none;
}
UL LI {
margin-top: -10px;
line-height: 17pt;
list-style-type: square !important;
font-family: verdana !important; color: darkblue !important;
font-size: .7em !important;
}

What am I doing wrong?