Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 移除li内p标签前的填充物_Html_Css - Fatal编程技术网

Html 移除li内p标签前的填充物

Html 移除li内p标签前的填充物,html,css,Html,Css,我正在尝试设置ol列表的样式。我几乎完成了所有的要求,但我无法在p标记li之前删除左边的填充:50px 我只需要为li的第一行设置padding left:50px,但它也为p设置padding left:50px 请参见示例: 据我所知,::对于li而言,在之后将不会有助于解决此问题 请建议如何为li的第一行设置padding left:50px,或者在p之前删除padding left:50px,这是因为p元素嵌套在li元素中,因此,设置填充时,li中的所有内容也将向右移动。您可以通过在上设

我正在尝试设置
ol
列表的样式。我几乎完成了所有的要求,但我无法在
p
标记
li
之前删除
左边的填充:50px

我只需要为
li
的第一行设置
padding left:50px
,但它也为
p
设置
padding left:50px

请参见示例:

据我所知,
::对于
li
而言,在
之后将不会有助于解决此问题


请建议如何为
li
的第一行设置
padding left:50px
,或者在
p
之前删除
padding left:50px
,这是因为
p
元素嵌套在
li
元素中,因此,设置填充时,
li
中的所有内容也将向右移动。您可以通过在
上设置一个负的
左边距
来解决此问题。购买方式\uuu文本
如下:

.purchase-way\u列表{
显示:内联块;
框大小:边框框;
文本对齐:左对齐;
利润上限:35px;
宽度:100%;
计数器复位:foo;
}
.购买双向项目{
位置:相对位置;
反增量:李;
列表样式:无;
框大小:边框框;
字体系列:ProximaNovaBold,无衬线;
字体大小:24px;
线高:0.833;
颜色:#01b04c;
边缘底部:80px;
左侧填充:50px;
}
.purchase-way\u项目::之前{
内容:柜台(李);
位置:绝对位置;
左:0;
顶部:-6px;
背景:#01b04c;
高度:32px;
宽度:32px;
字体系列:ProximaNovaRegular,无衬线;
字号:18px;
颜色:#fff;
线高:32px;
文本对齐:居中;
边界半径:16px;
}
.购买方式文本{
框大小:边框框;
文本对齐:左对齐;
字体系列:ProximaNovaRegular,无衬线;
字体大小:14px;
线高:1.714;
颜色:#000;
边缘顶部:30px;
左边距:-50px;
}

  • Lorem ipsum dolor sit amet

    Lorem ipsum dolor sit amet,是一位杰出的献身者。这是一个很好的例子。不,不,不,不,不。埃尼安·卢库斯·欧勒姆·伊德·洛博蒂斯。整数一个侵权人或奥奇人。Lorem ipsum dolor sit amet,Concertetur Adipising 精英。佩伦特式的爱是封建的。Donec ornare ligula non fringilla hendrerit。在《福西布斯·利古拉》中,威尼斯人用维塔语表达了自己的观点。在调味品中,例如:不含酒精的调味品、不含酒精的发酵调味品、普通调味品。 请你坐在我的座位上。

  • Lorem ipsum dolor sit amet

    Lorem ipsum dolor sit amet,是一位杰出的献身者。这是一个很好的例子。不,不,不,不,不。埃尼安·卢库斯·欧勒姆·伊德·洛博蒂斯。整数一个侵权人或奥奇人。Lorem ipsum dolor sit amet,Concertetur Adipising 精英。佩伦特式的爱是封建的。Donec ornare ligula non fringilla hendrerit。在《福西布斯·利古拉》中,威尼斯人用维塔语表达了自己的观点。在调味品中,例如:不含酒精的调味品、不含酒精的发酵调味品、普通调味品。 请你坐在我的座位上。

  • Lorem ipsum dolor sit amet

    Lorem ipsum dolor sit amet,是一位杰出的献身者。这是一个很好的例子。不,不,不,不,不。埃尼安·卢库斯·欧勒姆·伊德·洛博蒂斯。整数一个侵权人或奥奇人。Lorem ipsum dolor sit amet,Concertetur Adipising 精英。佩伦特式的爱是封建的。Donec ornare ligula non fringilla hendrerit。在《福西布斯·利古拉》中,威尼斯人用维塔语表达了自己的观点。在调味品中,例如:不含酒精的调味品、不含酒精的发酵调味品、普通调味品。 请你坐在我的座位上。


  • 这是因为
    p
    元素嵌套在
    li
    元素中,因此设置填充时
    li
    中的所有内容也将向右移动。您可以通过在
    上设置一个负的
    左边距
    来解决此问题。购买方式\uuu文本
    如下:

    .purchase-way\u列表{
    显示:内联块;
    框大小:边框框;
    文本对齐:左对齐;
    利润上限:35px;
    宽度:100%;
    计数器复位:foo;
    }
    .购买双向项目{
    位置:相对位置;
    反增量:李;
    列表样式:无;
    框大小:边框框;
    字体系列:ProximaNovaBold,无衬线;
    字体大小:24px;
    线高:0.833;
    颜色:#01b04c;
    边缘底部:80px;
    左侧填充:50px;
    }
    .purchase-way\u项目::之前{
    内容:柜台(李);
    位置:绝对位置;
    左:0;
    顶部:-6px;
    背景:#01b04c;
    高度:32px;
    宽度:32px;
    字体系列:ProximaNovaRegular,无衬线;
    字号:18px;
    颜色:#fff;
    线高:32px;
    文本对齐:居中;
    边界半径:16px;
    }
    .购买方式文本{
    框大小:边框框;
    文本对齐:左对齐;
    字体系列:ProximaNovaRegular,无衬线;
    字体大小:14px;
    线高:1.714;
    颜色:#000;
    边缘顶部:30px;
    左边距:-50px;
    }
    
    
  • Lorem ipsum dolor sit amet

    Lorem ipsum dolor sit amet,是一位杰出的献身者。这是一个很好的例子。不,不,不,不,不。埃尼安·卢库斯·欧勒姆·伊德·洛博蒂斯。整数一个侵权人或奥奇人。Lorem ipsum dolor sit amet,Concertetur Adipising 精英。佩伦特式的爱是封建的。Donec ornare ligula non fringilla hendrerit。在《福西布斯·利古拉》中,威尼斯人用维塔语表达了自己的观点。在调味品中,例如:不含酒精的调味品、不含酒精的发酵调味品、普通调味品。 请你坐在我的座位上。

  • 同侧眼线
    <li class="purchase-way__item">
      <span class="purchase-way__header">HEADER</span>
      <p class="purchase-way__text">PARAGRAPH HERE</p>
    </li>