###前提・実現したいこと
へッダーの項目をタイトルの横に持っていきたいのに、bodyに位置している。
###発生している問題・エラーメッセージ
特にエラーは発生していない。
###該当のソースコード
htmlに
<header class="clearfix"> <nav> <h1 class="title">SITE-β</h1> <ul class="top-menu"> <li class="top-menu-item"><a href="../login">ログイン</a></li> </ul> </nav> </header>
cssに
*{ margin: 0; padding: 0; } header{ height: 100px; background-color: blue; align-items: center; display: flex; justify-content: space-between; } nav{ width: 90%; height: 60px; margin: 0 auto; text-align: center; } .top-menu-item{ list-style: none; font-size: 40px; } .top-menu-item a{ text-decoration: none; color: white; } ul { display: flex; }
と書いたがログインの文字は青いヘッダーからだいぶん下のbodyのところに位置している。
###試したこと
%・pxなどの値を変えたが目的の場所に移動しなかった。
回答1件
あなたの回答
tips
プレビュー