Html 纯CSS表单标签被压缩到小空间中

我对html非常陌生，我试图创建一个使用纯（CSS类型）表单进行政治投票的网站。我面临的问题是，它将问题压缩到一个狭窄的位置，使其使用几行，而整个页面显然有空间只占用一行（行）。我试着告诉表单给问题（标签部分）一个页面的特定部分，以及用户输入答案的框的剩余部分，但问题（标签）仍然压缩到一个小空间中。非常感谢您的帮助。以下是我尝试实现这一目标的代码：

    <form class="pure-form pure-form-aligned" onsubmit="return validateForm()" method="post" name="myForm" action="politicsInsert.php" >
    <fieldset>

    <div class="pure-control-group">
    <label class="pure-input-2-3" for="answerOne">What is your current political affiliation? </label> <input id="answerOne" type="text" name="answerOne">
    </div>
<input class="pure-button pure-button-primary" type="submit" value="Submit data!">
    </fieldset>
</form>

你目前的政治派别是什么？

中的标签宽度规则导致文本拆分为多行：

.pure-form-aligned .pure-control-group label {
text-align: right;
display: inline-block;
vertical-align: middle;
width: 10em;
margin: 0 1em 0 0;
}

您可以通过以下方式覆盖它：

div.pure-control-group label.pure-input-2-3 {
    width:auto;
}

---

这就是我用来创建纯表单的全部内容-我在html页面的顶部有一个链接：在链接到其他样式表之后。我也有一个单独的CSS样式表用于页面（它除了设置页面背景之外什么都不做）…所以我可以在那里包含覆盖int，对吗？