Javascript 固定偏心无线电文本

我正试图在heroku（主要是javascript）上做一个调查webapp，这些单选按钮上的偏离中心的文本非常烦人。有什么简单的方法可以使它居中并稍微向一侧滑动？现在所有的格式化都是用CSS完成的。目前我如何格式化这些无线电输入是如此

.radio-input{
    background: #D4E7ED;
    padding:20px 10px;
}

---

您可以使用标签和单选按钮上的

vertical align:middle

和标签上的

padding top:1%

来对齐文本和单选按钮：

label {
    vertical-align: middle;
    padding-top: 1%;
}
.rdo{
    vertical-align:middle;
}

---

以下是我使用编码器概述的类似方法创建的示例。它包括您指定的背景颜色，并将单选按钮和文本包装为divs。对我来说，它似乎表现得很好：

css：

.radio-input {
    padding-top:20px;
    vertical-align:top;
}
.radio-input-text {
    vertical-align:bottom;
}
.background {
    background: #D4E7ED;
    width:300px;
}

HTML：

<div class="background">
    <div class="radio-input">
        <input type="radio" value="Great" id="Great" /><span class="radio-input-text">Great</span>
    </div>
    <div class="radio-input">
        <input type="radio" value="Okay" id="Okay" /><span class="radio-input">Okay</span>
    </div>
    <div class="radio-input">
        <input type="radio" value="Very Bad" id="VeryBad" /><span class="radio-input">Very Bad</span>
    </div>
</div>

伟大的
可以
非常糟糕