css - 如何获得显示 :inline-block to be inline?

Question

<ul class="random-list">
   <li>
       <div class="random-container">
           <div class="inline-block" style="vertical-align: top;">
               <img src="" />
           </div>
           <div class="inline-block" style="vertical-align: top;">
               <a href="">Name</a>
           </div>
       </div>
   </li>
</ul>

和CSS:

.random-container {
    margin-bottom: 10px;
    width: 100%;
}
.inline-block {
    display: inline-block;
}

结果:

如何修复这个错误:

Answer 1

如果你根本不使用 inline-block，并摆脱所有那些不必要的 div，怎么样？

<ul class="random-list">
   <li>
       <img src="" />
       <a href="">Name</a>
   </li>
</ul>

Live Example