title: HTML space before ul list
body: <p>I am trying to get rid of the space between the last words "trading desks" and the first bullet point "With a background in Production Support". Yes i know there is a break tag there - however even when the break tag is not there, the space remains. For some reason without the break tag, the span tag will not italicize. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#title span {
      font-size: 1.2em;
  }
  ul.bullet {
      list-style-type: disc;
  }
  ul.subbullet {
      list-style-type: circle;
  }
  span.bold {
      font-weight: bold;
  }
  span.italic {
      font-style: italic;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;p&gt;&lt;span class="bold"&gt;UBS&lt;/span&gt; 1285 Ave of Americas New York, New York 10006 07/14 - 05/16
      &lt;br /&gt;
      &lt;span class="bold"&gt;Trade Support Specialist&lt;/span&gt;&lt;span class="italic"&gt; Front office trade support for Cash Equities and Option trading desks.&lt;/span&gt;
      &lt;br /&gt;
      &lt;ul&gt;
          &lt;li&gt; With a backgournd in Production Support and experience in Linux System Engineering, provide comprehensive Front Line Application support to Floor Traders.&lt;/li&gt;
          &lt;li&gt; Responsible for the maintenance, monitoring and permissioning of Order Entry, Vol discovery, Quoting and Hedging Applications. Provide Application Support for Middle Office jBoss and Tomcat Position Keeping Applicatons. Provide Applicaiton Support
              for clearing applications which rely on Oracle and Sybase Databases &lt;/li&gt;</code></pre>
  </div>
  </div>
  </p>