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:

error

how fix error:

fix

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> 

live example


Comments

Popular posts from this blog

c# - SVN Error : "svnadmin: E205000: Too many arguments" -

c++ - Using OpenSSL in a multi-threaded application -

All overlapping substrings matching a java regex -