我怎样才能让我的 ul 元素要点从左角开始答案

【问题标题】：How can i get my ul element bullet point start from left corner我怎样才能让我的 ul 元素要点从左角开始
【发布时间】：2016-05-30 14:32:58
【问题描述】：

我希望我的要点从左角开始。下图显示了我在左角添加一些填充或边距的要点。

CSS

.midContent {  
overflow:hidden;
}
 .midContent div {
min-height: 200px;
padding: 10px;
}
#leftDiv { 
float:left;  
width:49%; 
}
#rightDiv { 

 }
.midContent ul{
margin:0;
padding-left: 1em;
list-style-position: inside;
}

HTML

<section class="midContent">
    <div id="leftDiv">
        <ul>
            <li> Manufacturing;</li>
            <li>Professional services;</li>
          </ul>
    </div>

<div id=“rightDiv">
        <ul>
            <li> Manufacturing;</li>
            <li>Professional services;</li>
          </ul>
    </div>

</section>

【问题讨论】：

标签： html css html-lists margin padding

【解决方案1】：

  <ul style="list-style-type:disc">
   <li>Coffee</li>
   <li>Tea</li>
   <li>Milk</li>
  </ul>

【讨论】：

.midContent ul{ margin:0; padding-left: .5em; list-style-type:disc; }
上面的代码对我来说效果很好。谢谢@anshual gera

【解决方案2】：

将样式padding-left: 1em; 添加到您的ul

【讨论】：