html label之间的距离,CSS label 间距

我做了一个radio select,选择器。效果图

radio中间的间距不知道是哪来的， 如果消除间距?

代码如下：

html

从不

有时

经常

css

.radio-toolbar input[type="radio"] {

display:none;

}

.radio-toolbar>label {

display:inline-block;

background-color:#ddd;

padding:4px ;

font-family:Arial;

font-size:16px;

}

.radio-toolbar label:first-of-type{

border-radius: 12px 0 0 12px;

}

.radio-toolbar label:last-of-type{

border-radius: 0 12px 12px 0;

}

.radio-toolbar input[type="radio"]:checked + label {

background-color:#bbb;

}

已经采纳长空的答案，其余答案也是对的，最终解决方案如下

.radio-toolbar{

font-size: 0;

}