下面的方法对我很有效。 在Chrome、Edge和Firefox(需要特殊处理)中。 项目符号被保留，并与周围的段落在同一行。

ul {
  padding-left: 0;
  margin-left: 17px;
}

/* Different value for Firefox */
@-moz-document url-prefix() {
  ul {
    margin-left: 14px;
  }
}

这样做内联，我设置margin为0 (ul style="margin:0px")。项目符号与段落对齐，没有突出。

我首选的解决方案，以删除<ul>缩进是一个简单的CSS一行:

Ul {padding-left: 1.2em;｝ <p>段落文本的开头行</p> < ul > <li> .</li> . <li>长列表项正确换行。很长的列表项正确地环绕起来。很长的列表项正确地环绕起来。很长的列表项正确地环绕起来。很长的列表项正确地环绕起来。李< / > <li>列表项3</li> . txt < / ul > <p>段落文本的尾行</p>

这个解决方案不仅是轻量级的，而且有很多优点:

它很好地将<ul>的项目符号左对齐到周围的正常段落文本(=删除<ul>的缩进)。 <li>元素中的文本块如果换行成多行，则会保持正确的缩进。

遗留的信息: 对于IE版本8及以下，你必须使用margin-left代替:

    ul { margin-left: 1.2em; }

添加到你的CSS:

ul { list-style-position: inside; }

这将把li元素放在与其他段落和文本相同的缩进中。

裁判:http://www.w3schools.com/cssref/pr_list-style-position.asp

显示:作用是;也可以消除压痕，但也可以去除子弹。

下面的方法对我很有效。 在Chrome、Edge和Firefox(需要特殊处理)中。 项目符号被保留，并与周围的段落在同一行。

ul {
  padding-left: 0;
  margin-left: 17px;
}

/* Different value for Firefox */
@-moz-document url-prefix() {
  ul {
    margin-left: 14px;
  }
}