HTML不排队

Question

https://www.citywidelaw.com/

对于此页面上有一个Q和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>元件，是两列以上的元素。

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

Pow。