Из-за чего один из блоков скролла сдвигается вниз по отношению к другим?

Question

[DennyD314]

Всем привет!
В проекте есть горизонтальный скроллер, содержащий блоки с текстом/картинками. Никак не могу понять причину , по которой первый блок съезжает немного вниз по отношению к остальным. Изза чего это может быть и как исправить?

Код со страницы:

<div class="donate-slider text-center" style="overflow-x: scroll; width: 80%; white-space: nowrap; margin: auto" >
    <div class="slider-block-element"
         style="display: inline-block; border: 5px solid red; border-radius: 5px; padding: 20px; margin: 30px; width: 200px; height: 200px">
            <p style="color: #00dd1c;">0 / 5000</p>Пожертвование N1
            <div class="desc" style="display:none;">
                <p>Пожертвование N1Пожертвование N1Пожертвование N1Пожертвование N1Пожертвование N1Пожертвование N1Пожертвование N1Пожертвование N1</p>
            </div>
    </div>
    <div class="slider-block-element"
         style="display: inline-block; border: 5px solid red; border-radius: 5px; padding: 20px; margin: 30px; width: 200px; height: 200px">
            <img src="/static/i/lock.png" style="max-width: 100%; max-height: 100%; vertical-align: middle;"/>
            <div class="desc" style="display:none;">
                Пока недоступно.
            </div>
    </div>
    <div class="slider-block-element"
         style="display: inline-block; border: 5px solid red; border-radius: 5px; padding: 20px; margin: 30px; width: 200px; height: 200px">
            <img src="/static/i/lock.png" style="max-width: 100%; max-height: 100%; vertical-align: middle;"/>
            <div class="desc" style="display:none;">
                Пока недоступно.
            </div>
    </div>    
</div>

Скрин:

Answer 1

[Владислав Лысков]

https://jsfiddle.net/7weqyc3m/

Comments

[DennyD314]

Спасибо, так нагляднее.
А из-за чего съезжает то?

[Владислав Лысков]

DennyD314: vertical-align нужно установить

[Владислав Лысков]

DennyD314: https://jsfiddle.net/7weqyc3m/1/

[DennyD314]

Владислав Лысков: Спасибо!