如何在单选按钮之间添加空格?(HTML)

如何在单选按钮之间添加空格?(HTML),html,css,radio-button,Html,Css,Radio Button,我目前有3个单选按钮的性别,但他们都太接近对方,我想一个和另一个单选按钮之间的文本有很大的差距 收音机{ 字体大小:24px; 字号:500; 显示:内联块; 垂直对齐:中间对齐; 颜色:白色; 位置:相对位置; 左边距:100px; } .无线电组{ 颜色:白色; 左侧填充:10px; 边缘顶部:10px; 边缘底部:20px; } .无线电输入[type=“radio”]{ 显示:无; 颜色:白色; 利润率:0 10px 0 10px; } .无线电广播{ 高度:20px; 宽度:20px

我目前有3个单选按钮的性别,但他们都太接近对方,我想一个和另一个单选按钮之间的文本有很大的差距

收音机{
字体大小:24px;
字号:500;
显示:内联块;
垂直对齐:中间对齐;
颜色:白色;
位置:相对位置;
左边距:100px;
}
.无线电组{
颜色:白色;
左侧填充:10px;
边缘顶部:10px;
边缘底部:20px;
}
.无线电输入[type=“radio”]{
显示:无;
颜色:白色;
利润率:0 10px 0 10px;
}
.无线电广播{
高度:20px;
宽度:20px;
边界半径:50%;
边框:1px纯白;
左边距:100px;
}
性别
男性
女性
其他
那是什么?(附css)

。无线电组{
左侧填充:10px;
边缘顶部:10px;
边缘底部:20px;
}
.无线电组标签::之后{
内容:'\00a0\00a0\00a0\00a0';/*等式x 4*/
}
/*可选的*/
.无线电组标签:类型的最后一个::之后{
内容:'';
}
性别
男性
女性
其他
那是什么?(附css)

。无线电组{
左侧填充:10px;
边缘顶部:10px;
边缘底部:20px;
}
.无线电组标签::之后{
内容:'\00a0\00a0\00a0\00a0';/*等式x 4*/
}
/*可选的*/
.无线电组标签:类型的最后一个::之后{
内容:'';
}
性别
男性
女性
其他

您的任何规则都不会将包装标签作为目标。你试过这些的利润吗?什么意思?很抱歉,我是网络编程新手,所以请你详细说明一下……我不太确定你需要什么。注意,您有
.radio
类选择器规则,但html中没有此类类。对于无线电输入元素,您可以使用
input[type=radio]
作为选择器,或者实际为它们指定一个class@charlietfl哦!我懂了!问题是,这段代码来自youtube视频——正如我所说,我是个初学者,所以我正在尝试掌握一些技巧。输入[type=radio]工作正常。你!我删除了。radio也可能想学习一些css选择器教程。您的规则中没有一个使用包装标签作为目标。你试过这些的利润吗?什么意思?很抱歉,我是网络编程新手,所以请你详细说明一下……我不太确定你需要什么。注意,您有
.radio
类选择器规则,但html中没有此类类。对于无线电输入元素,您可以使用
input[type=radio]
作为选择器,或者实际为它们指定一个class@charlietfl哦!我懂了!问题是,这段代码来自youtube视频——正如我所说,我是个初学者,所以我正在尝试掌握一些技巧。输入[type=radio]工作正常。你!我删除了。radio也可能想学习一些css选择器教程