ᶃ-2 ཁૉͷॎͷதԝدͤ (transformΛ͏)
.text-area-container {
position: relative;
display: block;
width: 600px;
height: 320px;
}
.text-area {
position: absolute;
top: 50%;
display: block;
width: 200px;
transform: translateY(-50%);
}
.text {
width: 100%;
text-align: center;
}
CSS HTML
.text-area ͕ .text-area-container ͷྖҬͰॎʹηϯλϦϯά͞Ε·͢