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

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;
}

看到这个fiddle：https://jsfiddle.net/tqhf0p3m/1/

我没法附上字体，不过你或多或少可以从中得到一些启发。

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

Label on Watu Quiz not aligned with Radio Button

html

css

radio-button