Flexboxで高さが揃わない場合の直し方。横並び&中央揃えにする正しい記述
まずは普通に組んでみる HTML <div class="example"> <figure><img src="" alt="画像"></figure> <div class="txt"> <h1>タイトル</h1> <p>テキストテキストテキストテキストテキスト</p> </div> </div> CSS .example { display: flex; align-items: center; } .example .txt { background-color: #fff; padding: 30px; } ブラウザによってベンダープレフィックスが必要になります。 2019年最新のベンダープレフィックスは下記記事をご覧ください。
