将测试选项与相应的“radio”按钮对齐

Question

我创建了一个简单的测验应用程序。 如何将文本与radio按钮垂直对齐。？ 这是代码 - Codepen。 问题特别出现在长文本label上。 例如，第9,12号问题＆amp; 14，错位非常明显。 我尝试了很多可用于stackoverflow的解决方案，但它们似乎都不适用于我。（例如：How to vertically align radio buttons with text on the same line?）

Answer 1

使用

alt + e

赞here (Codepen)！

Answer 2

只需将标签样式从内联块更改为内联，这样，当解决方案占用多行时，它不会中断：

Edited CodePen

label{
  display: inline;
}  

希望它有所帮助！