background-positionを利用する方法 vertical-alignを利用する方法 absolute/relativeを利用する方法 Flexboxのjustify-content/align-itemsを利用する方法 Flexboxとabsolute/relativeを組み合わせる方法 以下ではそれぞれの方法について紹介します。 background-positionを利用する方法 テキストの要素を横幅と高さがあるテキストエリアにし、画像をテキストエリアの背景にします。そしてbackground-positionで背景の位置、つまり画像の配置位置を決定する方法です。 background-positionを利用して画像を配置する場合、位置によってはテキストと画像が重なる場合があるため、必要に応じてテキスト要素にpaddingを適用します。 <p class="text">サ