質問失礼します。
Flexが反映されません。
CSSを新しく書き直しているので。display: block; の記載は1つもないです。なのに、検証ツールで確認してみるとulの所にdisplay: block; が記載されている状況です。おそらくこれが原因かと思います。
でも、そもそもCSSに記載をしていないので、かき消す事もできません。
どのように解消したらいいのでしょうか?
<header class="header">
<div class="content-wrapper header-nav">
<h1>XX株式会社</h1>
<nav>
<ul>
<li><a href="#">トップページ</a></li>
<li><a href="#">会社概要</a></li>
<li><a href="#">事業内容</a></li>
<li><a href="#">採用情報</a></li>
<li><a href="#">お問い合わせ</a></li>
</ul>
</nav>
</div>
</header>
.header-nav {
height: 100px;
display: flex;
justify-content: space-between;
align-items: center;
border: 2px solid #000;
background-color: lightcoral;
margin-left: auto;
}
.header nav ul li {
margin-right: 50px;
}
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/04/06 20:30
2021/04/07 01:10
2021/04/07 10:03
2021/04/07 10:33
2021/04/07 11:54