Html 单选按钮不会放在文本旁边

我有两个定制的单选按钮在旁边。但它是第三个在一块与前类型和标题。两者都有

显示：内联块，但单选按钮仍位于文本块下。我不知道如何让他们像其他人一样挨在一起


/*单选按钮是否*/
.开关场{
字体系列：“Lucida Grande”，Tahoma，Verdana，无衬线；
填充：40px；
溢出：隐藏；
左边距：225px；
}
.开关场输入{
位置：绝对！重要；
剪辑：rect（0,0,0,0）；
高度：1px；
宽度：1px；
边界：0；
溢出：隐藏；
}
.交换机字段标签{
浮动：左；
}
.交换机字段标签{
显示：内联块；
宽度：100px；
背景色：白色；
颜色：rgba（0,0,0,0.6）；
字体大小：14px；
字体大小：正常；
文本对齐：居中；
文本阴影：无；
填充：6px 14px；
边框：1px实心#b70000；
-webkit转换：所有0.1易入易出；
-moz转换：所有0.1秒均易于输入输出；
-ms转换：所有0.1秒均易于输入输出；
-o型转换：所有0.1秒均易于输入输出；
过渡：所有0.1都易于输入输出；
}
.开关字段标签：悬停{
光标：指针；
}
.开关字段输入：选中+标签{
背景色：#b70000；；
颜色：白色；
}
.开关字段标签：类型的第一个{
边界半径：0px 0 0px；
}
.开关字段标签：类型的最后一个{
边界半径：0px 0px 0；
}
/*单选按钮是否*/
/*挡块*/
.block标签{显示：内联块；宽度：140px；文本对齐：右；}

贝雷肯·普里伊斯
安塔尔维尔坎特流量计


V-naden aanwezig
苏尔特·贝汉德林
沃尔沃汽车
萨博
法令
奥迪


苏尔特·贝汉德林
对
不


邮政编码&huissummer
您应该尝试删除“是/否”无线电输入的父元素上的任何边距和填充，因为此“容器”会导致该元素远离标签

有关解决方案，请参见代码段：


/*单选按钮是否*/
.开关场{
字体系列：“Lucida Grande”，Tahoma，Verdana，无衬线；
/*填充：40px*/
溢出：隐藏；
/*左边距：225px*/
显示：内联块；
垂直对齐：中间对齐；
}
.开关场输入{
位置：绝对！重要；
剪辑：rect（0,0,0,0）；
高度：1px；
宽度：1px；
边界：0；
溢出：隐藏；
}
.交换机字段标签{
浮动：左；
}
.交换机字段标签{
显示：内联块；
宽度：100px；
背景色：白色；
颜色：rgba（0,0,0,0.6）；
字体大小：14px；
字体大小：正常；
文本对齐：居中；
文本阴影：无；
填充：6px 14px；
边框：1px实心#b70000；
-webkit转换：所有0.1易入易出；
-moz转换：所有0.1秒均易于输入输出；
-ms转换：所有0.1秒均易于输入输出；
-o型转换：所有0.1秒均易于输入输出；
过渡：所有0.1都易于输入输出；
}
.开关字段标签：悬停{
光标：指针；
}
.开关字段输入：选中+标签{
背景色：#b70000；
;
颜色：白色；
}
.开关字段标签：类型的第一个{
边界半径：0px 0 0px；
}
.开关字段标签：类型的最后一个{
边界半径：0px 0px 0；
}
/*单选按钮是否*/
.块标签{
显示：内联块；
宽度：140px；
文本对齐：右对齐；
}

贝雷肯·普里伊斯
安塔尔维尔坎特流量计


V-naden aanwezig
苏尔特·贝汉德林
沃尔沃汽车
萨博
法令
奥迪


苏尔特·贝汉德林
对
不


邮政编码&huissummer
您应该尝试删除“是/否”无线电输入的父元素上的任何边距和填充，因为此“容器”会导致该元素远离标签

有关解决方案，请参见代码段：


/*单选按钮是否*/
.开关场{
字体系列：“Lucida Grande”，Tahoma，Verdana，无衬线；
/*填充：40px*/
溢出：隐藏；
/*左边距：225px*/
显示：内联块；
垂直对齐：中间对齐；
}
.开关场输入{
位置：绝对！重要；
剪辑：rect（0,0,0,0）；
高度：1px；
宽度：1px；
边界：0；
溢出：隐藏；
}
.交换机字段标签{
浮动：左；
}
.交换机字段标签{
显示：内联块；
宽度：100px；
背景色：白色；
颜色：rgba（0,0,0,0.6）；
字体大小：14px；
字体大小：正常；
文本对齐：居中；
文本阴影：无；
填充：6px 14px；
边框：1px实心#b70000；
-webkit转换：所有0.1易入易出；
-moz转换：所有0.1秒均易于输入输出；
-ms转换：所有0.1秒均易于输入输出；
-o型转换：所有0.1秒均易于输入输出；
过渡：所有0.1都易于输入输出；
}
.开关字段标签：悬停{
光标：指针；
}
.开关字段输入：选中+标签{
背景色：#b70000；
;
颜色：白色；
}
.开关字段标签：类型的第一个{
边界半径：0px 0 0px；
}
.开关字段标签：类型的最后一个{
边界半径：0px 0px 0；
}
/*单选按钮是否*/
.块标签{
显示：内联块；
宽度：140px；
文本对齐：右对齐；
}

贝雷肯·普里伊斯
安塔尔维尔坎特流量计


V-naden aanwezig
苏尔特·贝汉德林
沃尔沃汽车
萨博
法令
奥迪


苏尔特·贝汉德林
对
不


邮政编码&huissummer
试试这个

CSS

.switch-field {
    font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
    padding: 0px;
    overflow: hidden;
    margin-left: 95px;
    display: inline-block;
    vertical-align: middle;
}

试试这个

CSS

.switch-field {
    font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
    padding: 0px;
    overflow: hidden;
    margin-left: 95px;
    display: inline-block;
    vertical-align: middle;
}

如果可能，请使用代码片段。如果人们不必繁琐地复制粘贴你的代码，并首先看到它在做什么，他们就更有可能提供帮助。嗨，J.科德里诺，你能详细说明一下你想要实现什么吗？您是否试图使带有“是/否”的红色矩形与左侧文字“soort behandeling”的高度相同？P.S.达奇真了不起@是的，这就是我想要做的。所以所有的文本都有一些细节