删除<li>缩进

Question

如何删除html中项目符号后面的缩进？就好像文本从中心向外而不是从左到右生长。

＆＃13;

＆＃13;

#listCont ul{
font-family:"Myriad Pro", sans-serif;
size: 14px ;
color: #222 ;
padding: o ;
margin: 0 ;
}

#listCont ul li {
padding-left: opx ;
margin-left: 0px ;
text-indent: opx ;
}

＆＃13;

<p>Un-indented Text</p>

<ul id="listCont">
  <li>Beef Lasange</li>
  <li>Shepards Pie</li>
  <li>Chicken Curry</li>
  <li>Boiled Bacon Dinner</li>
  <li>Corned Beef Dinner</li>
  <li>Turkey and Ham Dinner</li>
  <li>Roast Beef Dinner</li>
  <li>Chicken Dinner</li>
  <li>Chciken and Gravy 2pk</li>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

＆＃13;

＆＃13;

＆＃13;