将div放在左边，没有浮动css

Question

JS FIDDLE 以下代码就是我所做的......任何人都可以帮助我...我想做第二个但不使用 FLOAT < /强>

HTML

   <div class="img-container">
        <div class="img"></div>Cristiano Ronaldo</div>
    <br>
    <br>
    <br>I want this but without using float can ayone help??
    <br>
    <br>
    <br>
    <div class="img-container">
        <div class="img" style="float:left;"></div>Cristiano Ronaldo</div>

CSS

div.img {
    height:60px;
    width:60px;
    border-radius:5px;
    background:brown;
    display:inline-block;
    margin-right:5px;
}

Answer 1

这是你需要的css;

div.img {
    height:60px;
    width:60px;
    border-radius:5px;
    background:brown;
    display:inline-block;
    margin-right:5px;
        vertical-align:top;
}

如果删除浮动内联样式并添加vertical-align：top;它有效：）