CSS内联块中的两个相同元素低于另一个

Question

我已在HTML中编写此代码

<div class="project_box">
       <div class="img_wrapper">
        <img src="images/C.png" class="project_image">
       </div> 
       <span class="proj_title">Centill</span> 
       <span class="about_the_project">asaasjiasojasjoisaiojsaijasiojsaiojasiojasi</span> 
       <a href="http://centill.com/" target="_blank" class="project_link">Link</a> 
</div>

我有两个这样的元素，除了第二个about_the_project的文字更长，因此第一个div低于第二个。你可以在这里看到它：https://jsfiddle.net/xf2batxm/怎么能我让他们出现在同一水平？