HTML - 左对齐<ul>元素</ul>

Question

我正在开发一个经典的ASP网站，右侧导航栏上的无序列表需要左对齐。通过删除<ul></ul>标记并简单地保留列表项，我就能够完成此任务。但是，现在第一个项目的文本显然对于它所在的表格单元格来说太长了，它会渗入第二行。有没有人知道，如果不使用<ul>标签，如何正确地证明文本的合理性？

这是一个截屏。我需要将“应用程序”一词与每个项目符号项中的第一个单词对齐。

以下是此部分的HTML：

<p><strong><span style='font-size:10.0pt; font-family:&quot;Helvetica&quot;, &quot;sans-serif&quot;; color:#0070B9'>Please contact our Product Specialists for assistance with:</span></strong></p>
    <li><span style='font-size:10.0pt; font-family:&quot;Helvetica&quot;, &quot;sans-serif&quot;; color:#666666'>Submitting your first application</li>
    <li><span style='font-size:10.0pt; font-family:&quot;Helvetica&quot;, &quot;sans-serif&quot;; color:#666666'>Marketing Materials</span></li>
    <li><span style='font-size:10.0pt; font-family:&quot;Helvetica&quot;, &quot;sans-serif&quot;; color:#666666'>Quoting tools</span></li>
<p><strong><span style='font-size:10.0pt; font-family:&quot;Helvetica&quot;, &quot;sans-serif&quot;; color:#0070B9'><br />

EDIT 以下是带有<ul>标记的列表的屏幕截图。

Answer 1

放回UL并用css减少边距。

ul.exampleList {
margin-left: ??px;
}

您的代码示例： http://jsfiddle.net/jYmpG/