CodePen Embed - テキストと画像の縦位置を中央で合わせる

<div class="box">
  <div class="box-img">
    <img src="https://homepagenopro.com/wp-content/uploads/2017/11/sample.png" alt="">
  </div>
    <div class="box-text">
    テキスト<br>
    テキスト<br>
    テキスト
  </div>
</div>

.box-img,
.box-text{
  display: inline-block;
  vertical-align: middle;
}

This Pen is owned by maitake on CodePen.

See more by @maitake on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.