html / css选项卡中不需要的文本缩进

Question

我的标签写在HTML和CSS中。

这是jsfiddle。问题是第一个和第二个面板中的文本具有文本缩进。但在第三个面板上一切都很好。如何删除这个不需要的缩进。感谢。

Answer 1

label { border-bottom: 1px !important; }

或删除此css

.korpus input[type="radio"]:checked + label {
  border-bottom: 2px solid #fff;
 }

被修改

.korpus input[type="radio"]:checked+label {
  border-bottom: 1px solid #fff;
 }

Answer 2

punitha的解决方案有效，但假设你想要的是让每个标签对应于底部文本，将border-bottom设置为none。

.korpus input[type="radio"]:checked + label {
  border-bottom: none;
 }