html - DIVを下側に寄り添う方法

Question

私はブロックを持っています：

<div class="block">
    <div class="image">
        <span class="grow">4</span>
        <img src="images/rate_doctor_photo.png">
    </div>
    <div class="rate" style="background:#00a7ff">
        <div class="ln"></div>
        <span>Алексей Романов Олегович</span>
    </div>
</div>

class="image" でブロックをシャッグルして class="rate" でブロックする方法 備考: ブロック class="rate" は常に異なる高さを持ちます

Answer 1

次のようにしてみてください：

.image,
.rate{
    display:inline-block;
    vertical-align:bottom;
    margin-left:-4px;
}

http://jsfiddle.net/daCrosby/7xjTC/