div内的垂直对齐列表项

Question

我想垂直对齐div中的列表项，这就是我编写的代码：

<div>
 <div class="span4">
  <img style="float: left; width: 80px;" src="http://www.zalfaniyamen.com/wp-content/uploads/2020/02/200px-Dhofar_Club.png" />
 </div>
 <div>
  <ul class="list-group" style="margin-bottom: 0 !important;">
    <li class="list-group-item active" style="margin-left: 120px !important; padding-top: 0 !important; padding-bottom: 0 !important; font-size: 20px; font-weight: 600; width: 60%;">
    Win super cup of sultun
    </li>
  </ul>
 </div>
</div>
<div>
<div style="clear: both;"></div>
</div>

Answer 1

您能否检查以下代码，希望它能解决您的查询。