<div class="contents"> <div class="flexbox"> <div class="box1"> <img src="画像URL" alt=""> </div> <div class="box2"> <p class="text-center">テキスト</p> </div> </div> </div> .contents { width: 100%; max-width: 1200px; margin: auto; } .contents img { width: 100%; } .text-center { text-align: center; } .flexbox { display: flex; } .box1 { width: 55%; margin: auto; } .box2 { width: 45%; margin: auto .5rem;