HTMLサイトのヘッダにて、960pxの幅を作成し、左端に大きくロゴをいれ、その右下(ロゴと同じボトムラインにて)にサイトの説明を入れたいのですが、Postionを利用すると、コメントが960pxの外側にいってしまいます。
入力値をいろいろ変更していますが、解決できません。
どこが間違っているのかアドバイス頂きたいです。
HTML
<header> <div class="HeaderWrapper"> <div class= "HeaderLogo"> <img src="Logo_image\logo.png"> </div></header><div class="HeaderComment"> I want to put comment right side of the logo. </div> </div>
CSS
.HeaderWrapper{
width: 960px;
margin:0 auto;
height: 180px;
display: flex;
justify-content:space-between;
position: relative;
}
.HeaderComment{
font-size: 26px;
position: absolute;
bottom:5px;
}
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/01/11 08:29
2020/01/11 08:34
2020/01/11 15:28