imgとdivを並んで配置する最も良い方法は何ですか？

Question

は数日からウェブサイトで作業しており、現在問題があります。 私はimgとdivを並んで配置しようとしましたが、到達しましたが、2つのテキストをセパレートにし、divに垂直に中心を置く解決策は見つかりませんでした。

私の質問は、この写真と同様の結果を得る方法です。 This is a snippet of a site i found

サイトのマークアップで、disply type "table-cell"で作成されたことを確認しましたが、ビルドしようとしましたが失敗しました。

は、私はあなたが私を助けることができると思います

Answer 1

はフレキシボックスをしようと事前にありがとう：「人生はシンプルに」;

.container { 
 
    display: flex; 
 
} 
 
.container div { 
 
    flex: 1 1 auto; 
 
}

<div class="container"> 
 
    <img src="http://placehold.it/50"> 
 
    <div> 
 
    <div>Your Name here</div> 
 
    <div>second div</div> 
 
    </div> 
 
</div>