3

enter image description hereI have a block:

<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>

How shuggle block with class="image" to block with class="rate" Remark: bloks class="rate" have different height always

  • 2
    could you make a mockup image of what you're trying to accomplish, I know english is probably not your first language, but I cannot understand you at all right now. – pandavenger Jul 17 '13 at 14:56
  • 2
    Is snuggle a technical term? – Katstevens Jul 17 '13 at 14:57
  • 2
    Who cares, snuggling is always nice – George Jul 17 '13 at 14:59
  • Smile) suggling = position down –  Jul 17 '13 at 15:32
  • Is something like this what you want? Your question was a bit confusing to understand. http://stackoverflow.com/questions/6116423/how-to-vertically-align-floating-divs-to-the-bottom If not, mind re-wording your question? –  Jul 17 '13 at 14:57

1 Answers1

0

Try something like so:

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

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

DACrosby
  • 11,116
  • 3
  • 39
  • 51