すみません。教えてください。今練習中なのですが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件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。