Css 如何排列单选按钮和文本

我补充说

.form-radio{
display: block;
}

让我的单选按钮一个接一个，而不是挨着一个。但是现在与每个按钮相关的文本也在下面显示出来。我希望每个收音机的文本都在单选按钮旁边

这是HTML：

<div class="form-item form-type-radio form-item-submitted-contactus-question-type-label-contactus-question-type">
 <input id="edit-submitted-contactus-question-type-label-contactus-question-type-1" name="submitted[contactus_question_type_label][contactus_question_type]" value="&quot;general" class="form-radio" type="radio">  

<label class="option" for="edit-submitted-contactus-question-type-label-contactus-question-type-1">General, questions about student aid or about your own student aid situation, including your student loans or questions/comments about any website content." </label>

</div> 

<div class="form-item form-type-radio form-item-submitted-contactus-question-type-label-contactus-question-type">
 <input id="edit-submitted-contactus-question-type-label-contactus-question-type-2" name="submitted[contactus_question_type_label][contactus_question_type]" value="&quot;technical" class="form-radio" type="radio">  

<label class="option" for="edit-submitted-contactus-question-type-label-contactus-question-type-2">Technical Question, questions or comments about our website (such as a broken link or something else not working properly)." </label>
    </div>

。表单类型收音机{
显示：块；
}
.表格类型无线电输入，
.表格式无线电标签{
显示：内联；
}

添加
显示：内联块到
。按如下方式形成收音机
：



.formradio{
显示：内联块；
}

这个


2种选择：

将每个单选按钮及其文本包装在块元素中，如：
p
s
在行尾使用


还有更多…
您的HTML结构是什么？您是否使用元素作为元素？我们需要查看定义单选按钮的HTML。@DianaCastillo尝试用HTML编辑您的问题。您可以点击问题下方的“编辑”来改进/更新它。谢谢，但这不起作用，单词仍然位于单选按钮下方。不，现在有了这些新的更改，单选按钮不再位于彼此下方，一切都是内在的？一定还有别的事。我包含的代码片段对您有用吗（单选按钮在单独的行上）？您是对的，有其他css与之冲突。我修好了谢谢我不能包装任何东西这是一个drupal表单，它有自己的结构
 .form-type-radio {
     display: block;
 }
 .form-type-radio input,
 .form-type-radio label {
     display: inline;
 }