Html 子div未内联在父div内

我一定是在做一些愚蠢的事情，或者是在看一些显而易见的事情，因为无论我做什么，我都无法将这三个

div

s内联到这个父级中

.stats{
显示：内联块；
右边距：6px；
浮动：对；
填充：0；
字体系列：“Roboto”无衬线；
颜色：黑色；
}
.分离器{
背景：rgba（47187255,0）；
高度：20px；
宽度：1px；
垂直对齐：中间对齐；
左边框：实心；
边框宽度：1px；
边框颜色：rgba（0,124,184,0.7）；
浮动：左；
边缘顶部：5px；
左边距：4倍；
保证金权利：4px；
显示：块；
}

洛雷姆142
Ipsum 64%Blabla 3

您需要将display:inline（或inline block）设置为子对象，而不是父对象：

.stats{
显示：内联块；
右边距：6px；
浮动：对；
填充：0；
字体系列：“Roboto”无衬线；
颜色：黑色；
}
.统计组{
显示：内联；
}
.分离器{
背景：rgba（47187255,0）；
高度：20px；
宽度：1px；
垂直对齐：中间对齐；
左边框：实心；
边框宽度：1px；
边框颜色：rgba（0,124,184,0.7）；
边缘顶部：5px；
左边距：4倍；
保证金权利：4px；
}

洛雷姆142
Ipsum 64%Blabla 3

添加了

浮动：左到.stats div子项


.stats{
显示：内联块；
右边距：6px；
浮动：对；
填充：0；
字体系列：“Roboto”无衬线；
颜色：黑色；
}
.统计组{
浮动：左；
}
.分离器{
背景：rgba（47187255,0）；
高度：20px；
宽度：1px；
垂直对齐：中间对齐；
左边框：实心；
边框宽度：1px；
边框颜色：rgba（0,124,184,0.7）；
浮动：左；
边缘顶部：5px；
左边距：4倍；
保证金权利：4px；
显示：块；
}

洛雷姆142
Ipsum 64%Blabla 3
这就是你想要的吗？啊！愚蠢的我，我为问这样愚蠢的问题感到难过。非常感谢你的帮助。编辑：该分隔符在我正在处理的页面的另一个区域上有一个float:left，我刚刚做了。stats.separator{float:none；}修复该问题。：）很高兴这有帮助。正如古斯塔夫所说，您也可以使用float:left，只是不要忘记在它之后清除它。请随意投票；）我会投票，但遗憾的是，我还没有足够的代表权。顺便说一句，我编辑了我上面的评论。嘿，这对我的情况非常有效，我知道Mehdi的答案也会有效，但是它没有以我设置CSS的方式工作。非常感谢。