600px; height: 320px; } .text-area { position: absolute; top: 50%; display: block; width: 200px; transform: translateY(-50%); } .text { width: 100%; text-align: center; } <div class="text-area-container"> <div class="text-area"> <p class="text">ςετͰ͢<br>ͯ͢ͱͰ͢</p> </div> </div> CSS HTML .text-area ͕ .text-area-container ͷྖҬͰॎʹηϯλϦϯά͞Ε·͢