如何在HTML中的项目符号点之前添加空格

时间:2014-06-17 05:31:27

标签: html css

我想在子弹点之前添加空间。我的要求如

这是第1段    

  • 第一行
   
  • 第二行

这是第2段  

  • 第一行
   
  • 第二行

任何帮助将不胜感激。

5 个答案:

答案 0 :(得分:1)

尝试将保证金设为li

li{
    margin-left: 20px;
}

JSfiddle here

答案 1 :(得分:0)

CSS:

li {
  margin-left:1em;
}

答案 2 :(得分:0)

您可以根据自己的要求将CSS设置为li

HTML代码

<p>This is my paragraph1</p>
<ul><li> List One </li>
    <li> List Two </li>
    <li> List Three </li>
</ul>
<p>This is my paragraph 2</p>
<ul><li> List One </li>
    <li> List Two </li>
    <li> List Three </li>
</ul>

<强> CSS

li {
  margin-left:1em;
}

<强> JSFiddel

答案 3 :(得分:0)

将margin-left应用于ul

工作小提琴示例如下:

Code:

    [http://jsfiddle.net/Sharan_thethy/MNaUn/][1]

我希望这会对你有所帮助

答案 4 :(得分:0)

默认情况下,子弹点之前的间距。如果没有,你可能正在使用某种“重置CSS”。

要将间距设置为所需的值,请将padding-leftmargin-left元素的ulli设置为零,然后将其中一个设置为所需的值