How to vertically align two div Elements with CSS

Solution 1: Through Inline-block

<div>
  <img src="//dummyimage.com/55x55" alt="">
</div>
<div>
  <span> Author: Sitesalike </span>
  <span> A site where you can get helpful material ( Blogs and Article ) related to SEO, Analytics resuoreces, Web design  and Developement.  </span>
</div>

div {
  display:inline-block;
  vertical-align:top;
  margin-right:10px
}

Solution 1: Float : left