Как сделать, что бы блоки были на одном уровне ( т.к. они на одном уровне по нижней стороне) без задания статической высоты и без флоатов
body .mid-wrapper .mid-container {
width: 100%;
text-align: center; }
body .mid-wrapper .mid-container .block-container {
display: inline-block;
text-align: -webkit-center;
width: 40%; }
body .mid-wrapper .mid-container .block-container .block-img {
min-height: 160px; }
body .mid-wrapper .mid-container .block-container .block-header {
font-weight: bold;
padding-bottom: 20px; }
body .mid-wrapper .mid-container .block-container .block-text {
text-align: left;
width: 70%; }
body .mid-wrapper .mid-container .block-container .btn-main span {
left: 36%; }
img{width:100px;height:100px;}
<div class="mid-wrapper">
<div class="mid-container">
<div class="block-container">
<div class="block-img">
<img src="http://i.dailymail.co.uk/i/pix/2016/04/13/00/331D901800000578-3536787-image-a-11_1460503122350.jpg" alt="">
</div>
<div class="block-header">
text text text text
</div>
<div class="block-text">
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
</div>
<div class="btn-link">
<div class="button btn-main"><span> Sign Up</span></div>
</div>
</div>
<div class="block-container">
<div class="block-img">
<img src="http://i.dailymail.co.uk/i/pix/2016/04/13/00/331D901800000578-3536787-image-a-11_1460503122350.jpg" alt="">
</div>
<div class="block-header">
text text text
</div>
<div class="block-text">
text text text text text text text text
</div>
<div class="btn-link">
<div class="button btn-main"><span> Sign Up</span></div>
</div>
</div>
</div>
</div>