Watu Quiz上的标签未与单选按钮对齐

Question

我创建了一个Watu测验，但是标签与单选按钮不对齐。我将如何设置样式并对齐？

在此页面-https://training.thermochamp.com.au/203-2/

这是屏幕截图：

Answer 1

在您的style.css中，添加以下内容：

.quiz-form input[type="checkbox"], 
.quiz-form input[type="radio"] {
  vertical-align: -1.2em !important;
}

/* style more */
.question-content ~ div {
  border-left: 4px solid #666;
  background-color: #ddd;
  padding-left: 8px;
  margin-bottom: 12px;
  border-radius: 4px;
}

查看这个小提琴：https://jsfiddle.net/tqhf0p3m/1/

我无法附加字体，但是您可以或多或少地从中获得一些想法。