HTML没有排队

Question

https://www.citywidelaw.com/

对于这个页面，有一个带有Q和A的部分（你单击问题和答案就在它旁边.Q符号和A符号应该排成一行。我不知道为什么A是我试过了，但没有效果。

我添加了一张图片。提前致谢。

HTML

<div class="row">
<div class="col-xs-12">
<div id="verticalTab" class="resp-vtabs" style="display: block; width: 100%; margin: 0px;">
<h2 class="resp-vtabs-heading">
<ul class="resp-tabs-list">
<div class="resp-tabs-container">
</div>
</div>
</div>

CSS：

.resp-vtabs .resp-tabs-container {
    clear: none;
    float: left;
    min-height: 350px;
    padding: 0 0 0 40px;
    width: 53%;
}
.resp-tabs-container {
    background-color: #fff;
    clear: left;
    padding: 0;
}

Answer 1

“Q”符号<h2>元素是两列之上的元素。

所以这就是我要做的。在<div>和<h2>元素周围创建一个<ul>元素，其类别为resp-tabs-list-container。然后，只需在CSS中将选择器.resp-vtabs ul.resp-tabs-list重命名为.resp-vtabs .resp-tabs-list-container。

的Pow。