css - bootstrap 4 aligning div's in a row and by the top boundary -

i want align , image , div inline. want top's of image , div aligned aswell. have far

<div> <img src="http://lorempixel.com/500/333/nature/2" class="img-fluid d-inline-block"> <div class="comment d-inline-block">     <div class="comment-header">         <span>title</span>     </div>     <blockquote>comment</blockquote> </div> 

i tried class d-inline-block , gets close i'm looking need text @ top.

you can see here:http://www.bootply.com/zpj12tl4wi

bootstrap 4 includes utility class that: align-top. no css needed...

<div>     <img src="http://lorempixel.com/500/333/nature/2" class="img-fluid">     <div class="comment d-inline-block align-top">         <div class="comment-header">             <span>title</span>         </div>         <blockquote>comment</blockquote>     </div> </div> 

http://www.bootply.com/wtaoa1jpn1