Q&A
すみません。教えてください。今練習中なのですがheader rightにあるLEGENDを真中中央ぞろえにしたいのですが、どのような方法があるのでしょうか？今現在高さ的には中央になっています。なのでcentarに配置する方法を教えてください。
-html-
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="experiment.css"> <title>僕の日常</title> </head> <body> <container> <div class="header"> <div class="header-left"> <h1>SUCCESS STORY</h1> </div> <div class="header-right"> <h1>REGEND</h1> </div> </div> </div> <div class="mainvisual"></div> <div class="contents"></div> <div class="footer"></div> </container> </body> </html>-css-
.header{
width:1300px;
height:100px;
display: table-cell;
vertical-align: middle;
}
.h1{
font-size:50px;
}
.header-left{
width:500px;
border-right: dotted;
float: left;
text-align:center;
}
.heder-right{
width:500px;
float: right;
text-align:center;
}
回答1件
0
ベストアンサー
css
1.header { 2 position: relative; /* これを足す */ 3} 4 5.header-right { 6 position: absolute; 7 left: 0; 8 right: 0; 9 margin: 0 auto; 10 width: 500px; 11 text-align: center; 12} 13
投稿2016/02/17 12:58
編集2016/02/18 01:35
総合スコア4666
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。