子彈ul li下面的測試包裝

Question

根據工作要求，我必須使用某人的樣式表，並且在嘗試覆蓋一種行為時遇到麻煩。 無序列表元素<li>的文字在項目符號點下方的區域內環繞超過1行。 這是導致此行為的CSS：

ul
{
  list-style: none;
  list-style-position: inside;
  padding: 0;    
}

li 
{
  list-style-type: disc;
  list-style-image: none;
  margin-left:0px;
  margin-bottom: 5px;
} 

這是一個小提琴： http : //jsfiddle.net/CP32B/1/

我需要覆蓋什么屬性，以便可以像默認情況下一樣對齊文本？ （默認行為示例： http : //jsfiddle.net/B5jPH/ ）

Answer 1

list-style-position: inside; 是導致該行為的屬性，為了解決該問題，您需要在outside使用

演示

Answer 2

將padding:0應用於list-style-position: inside; 隱藏子彈。

您可以將項目符號更改為以下內容，以使項目符號左對齊，使其下方沒有文本

ul
{ 
 padding-left:10px;
}

的jsfiddle

Answer 3

ul {list-style-position：outside！important; padding-left：2em！important;
}

！important將覆蓋CSS