CodePen Embed - 画像を右寄せにする／table-cell

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

.box{
  display: table;
}
.box-img,
.box-text{
  display: table-cell;
  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.