Javascript 块标签页边距底部

我想给无线电标签加上一个空白。我已将显示样式更改为“块”，并添加了底部边距，但它似乎根本不会影响间距，并且与后续元素重叠

e、 g:

问题是.radios to slider类被设置为使用position:relative，这会使其脱离文档的正常流程。 与其给该类添加底部边距，不如给该类添加顶部边距

---

请看这把小提琴：

我正在处理它，但输入元素没有结束标记。删除它们：位置：绝对；从DOM流中删除元素，因此任何填充或边距都不会影响页面上的其他元素。此外，在.radios-to-slider.medium上有一个height:22px，因此如果子元素的高度高于22px，则页面后面的元素将与之对接。这将很好，我可以为后续的输入元素添加边距，但我仍然会遇到顺序收音机的间距问题，除非我也添加了顶部边距，但是我又回到了需要增加足够的利润来补偿我最长标签的问题上，而不是仅仅有足够的利润。有没有一种资源可以让我学习重新处理标签定位，而不会将其从DOM流中删除？为什么不能在这些行之间插入一个空div，并将边距应用于这些div？

.slider-label {
    position: absolute;
    display: block;
    cursor: pointer;
    color: #5e5e5e;
    text-align: center;
    margin-bottom: 50px;
}

div.divinput {
    margin-top:50px;
    margin-bottom: 15px;
    display: block;
}