中央ぞろえしたいのですが、できません
text-align: centerを使っているのですが、真ん中に来ないのでpositionを使って中央に持っていくしかないでしょうか?
該当のソースコード
html
1 <div class="main-wrapper"> 2 <div class="video-wrap"> 3 <video src="CSS/img/Network - 12716.mp4" poster="a" autoplay loop muted></video> 4 </div> 5 <!-- TEAM GREYとTech & Designを中央に持っていきたい --> 6 <h1>TEAM GREY</h1> 7 <p>Tech & Design</p> 8 </div>
.main-wrapper { text-align: center; width: 100%; height: 1279px; position: relative; text-align: center; } .video-wrap { position: absolute; overflow: hidden; } .main-wrapper h1 { margin: 0; font-size: 70px; position: absolute; top: 570px; } .main-wrapper p { margin: 0; font-size: 35px; position: absolute; top: 695px; }
ご回答のほどよろしくお願いいたします。
回答3件
あなたの回答
tips
プレビュー