Q&A
「実現したい形」と「現実」がどう違うのかがわかりません。
わかるように説明してください。
前提・実現したいこと
html、cssにてwebページのナビゲーション作成
黒い線部分の幅を同じ長さに、文字間の青い線部分の幅の長さも同じ長さに
また画像と赤い線は区切り線です。
発生している問題・エラーメッセージ
どうしても実現したい形になりません。
HTML
1<body> 2<div id="box"><!--全体のサイズ指定--> 3 4 <header> 5 <div class="icon"> 6 <img src="mark.png"> 7 </div> 8 9 <div class="list"> 10 <ul> 11 <li>Menu</li> 12 <li>Access</li> 13 <li>Information</li> 14 </ul> 15 16 </div> 17 </header> 18 19
css
1#box{ 2 width:1200px; 3} 4.icon{ 5 padding-left: 150px; 6 padding-bottom: 10px; 7} 8.list ul { 9 background-color:red; 10 color: white; 11 display: flex; 12 justify-content: space-around; 13} 14
試したこと
隣接セレクタやパッディングによるpxを動かすなどしましたが、
理想通りにはなりませんでした。
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
自己解決
