title: HTML - left-align <ul> element
body: <p>I am working on a classic ASP site, and an unorderd list on the right nav bar needed to be left-justified. By removing the <code>&lt;ul&gt;&lt;/ul&gt;</code> tags and simply leaving the list items, I was able to accomplish this. However, now the text for the first item, which is apparently too long for the table cell it is housed in, bleeds into the second line. Does anyone know, without using a <code>&lt;ul&gt;</code> tag, how to justify the text properly? </p>
  
  <p>Here is a screen shot. I need to have the word 'application' align with the first word in each of the bulleted items. </p>
  
  <p><img src="https://i.stack.imgur.com/UkNx7.png" alt="enter image description here"></p>
  
  <p>Here is the HTML from this section: </p>
  
  <pre><code>&lt;p&gt;&lt;strong&gt;&lt;span style='font-size:10.0pt; font-family:&amp;quot;Helvetica&amp;quot;, &amp;quot;sans-serif&amp;quot;; color:#0070B9'&gt;Please contact our Product Specialists for assistance with:&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
      &lt;li&gt;&lt;span style='font-size:10.0pt; font-family:&amp;quot;Helvetica&amp;quot;, &amp;quot;sans-serif&amp;quot;; color:#666666'&gt;Submitting your first application&lt;/li&gt;
      &lt;li&gt;&lt;span style='font-size:10.0pt; font-family:&amp;quot;Helvetica&amp;quot;, &amp;quot;sans-serif&amp;quot;; color:#666666'&gt;Marketing Materials&lt;/span&gt;&lt;/li&gt;
      &lt;li&gt;&lt;span style='font-size:10.0pt; font-family:&amp;quot;Helvetica&amp;quot;, &amp;quot;sans-serif&amp;quot;; color:#666666'&gt;Quoting tools&lt;/span&gt;&lt;/li&gt;
  &lt;p&gt;&lt;strong&gt;&lt;span style='font-size:10.0pt; font-family:&amp;quot;Helvetica&amp;quot;, &amp;quot;sans-serif&amp;quot;; color:#0070B9'&gt;&lt;br /&gt;
  </code></pre>
  
  <p>EDIT 
  Here is a screen shot of the list with the <code>&lt;ul&gt;</code> tag.</p>
  
  <p><img src="https://i.stack.imgur.com/mYoSJ.png" alt="enter image description here"></p>