css - How do I get display:inline-block to be inline? -
<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> and css:
.random-container { margin-bottom: 10px; width: 100%; } .inline-block { display: inline-block; } result:

how fix error:

how don't use inline-block @ all, , rid of of unnecessary divs.
<ul class="random-list"> <li> <img src="" /> <a href="">name</a> </li> </ul>
Comments
Post a Comment