Html 无法从框中删除边距

我想并排放置两个div，但其中一个div有一个我无法删除的边距

.middleHolder{
填充：0px！重要；
}
身体{
字体系列：Raleway，无衬线；
}
.编号标题{
字体系列：Roboto，无衬线；
字体大小：62px；
左侧填充：15px；
边距：0！重要；
宽度：100px；
}
.字幕持有人{
显示：内联块；
}
p{
字体系列：佐治亚，衬线；
字体：斜体；
字体大小：17px！重要；
字体大小：300；
颜色：/*#888*/；
}

01
同侧眼睑

填料一

并不是因为您的边距，它们才没有并排放置。这是因为div不像span那样是

内联组件

，所以默认情况下，每个div都在新行中生成。 要使它们并排对齐，只需将

float:left

添加到div中，如下所示。希望有帮助

.middleHolder{
填充：0px！重要；
}
身体{
字体系列：Raleway，无衬线；
}
.编号标题{
字体系列：Roboto，无衬线；
字体大小：62px；
左侧填充：15px；
浮动：左；
宽度：100px；
}
.字幕持有人{
显示：内联块；
}
p{
字体系列：佐治亚，衬线；
字体：斜体；
字体大小：17px！重要；
字体大小：300；
颜色：/*#888*/；
}

01
同侧眼睑

填料一

使用

显示：内联块到您的
numberedTitle
课程：


.middleHolder{
填充：0px！重要；
}
身体{
字体系列：Raleway，无衬线；
}
.编号标题{
字体系列：Roboto，无衬线；
字体大小：62px；
左侧填充：15px；
边距：0！重要；
宽度：100px；
显示：内联块；
}
.字幕持有人{
显示：内联块；
}
p{
字体系列：佐治亚，衬线；
字体：斜体；
字体大小：17px！重要；
字体大小：300；
颜色：/*#888*/；
}

01
同侧眼睑

填料一
出现此
边距
是因为它是默认的div行为，这意味着它将充当块，即使您为宽度指定了一个值

因此，您可以使用bootstrap内置类（即
class=“pull left”
）将元素浮动到左侧，这将解决您的问题


.middleHolder{
填充：0px！重要；
}
身体{
字体系列：Raleway，无衬线；
}
.编号标题{
字体系列：Roboto，无衬线；
字体大小：62px；
左侧填充：15px；
边距：0！重要；
宽度：100px；
}
.字幕持有人{
显示：内联块；
}
p{
字体系列：佐治亚，衬线；
字体：斜体；
字体大小：17px！重要；
字体大小：300；
颜色：/*#888*/；
}

01
同侧眼睑

填料一
只需添加
显示：内联块
；到您的
.numberedTitle
，无需设置边距

sett inline block，将使div充当内联html标记，但也保留块元素的维度属性（如宽度、高度）


.middleHolder{
填充：0px！重要；
}
身体{
字体系列：Raleway，无衬线；
}
.编号标题{
字体系列：Roboto，无衬线；
字体大小：62px；
左侧填充：15px；
宽度：100px；
显示：内联块；
}
.字幕持有人{
显示：内联块；
}
p{
字体系列：佐治亚，衬线；
字体：斜体；
字体大小：17px！重要；
字体大小：300；
颜色：/*#888*/；
}

01
同侧眼睑

填料一
只需添加显示：内联块；到你的.numberedTitle

. numberedTitle {
display: inline-block;
}