ヘッダーリストがヘッダーロゴと同じ行に来ません。
ウェブサイトの模写をやっているのですがヘッダーロゴと同じ行にヘッダーリストが来ません。
どのようにしたら同じ行に来るでしょうか?
またヘッダーにおいてisaraの隣にバンコクのノマドエンジニア育成講座という文を持ってきたいのですが来てくれません。
そちらのほうも教えていただけないでしょうか
よろしくお願いします。
HTML
<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>iSARAバンコクのノマドエンジニア育成講座</title> <link rel="stylesheet" href="stylesheet.css"> </head> <body> <header> <div class="header-logo"> <img src="https://isara.life/wp-content/themes/isara_v2/img/isaralogo.png" width="120" height="35"> <h1>バンコクのノマドエンジニア育成講座</h1> </div> <li>お問い合わせ/資料請求はこちら</li> </header> <main> <div class="main-content"> <h2>プログラミングで<br> 人生の安定を手に入れよう</h2> <img src="https://isara.life/wp-content/themes/isara_v2/img/isaralogo.png" width="299px" heigth="80px"> <p>バンコクのノマドエンジニア育成講</p> </div> </main> </body> </html>
CSS
li { list-style: none; float: right; } header { height: 70px; } header img { padding: 20px 487px 54px 97px; width: 118px; height: 30px; } .main-content { text-align: center; width: 378px; height: 304; margin: 171px 858px 467px 473px; } h1 { font-size: 14px; width: 263px; height: 13px; margin: 39px 488px 52px 225px; } h2 { font-size: 28px; }
もう少し質問を明確にしてみてください。
>ヘッダーロゴと同じ行にヘッダーリストが来ません
→ どれとどれですか?要素名等も併せて記述してください。
>isaraの隣にバンコクのノマドエンジニア育成講座という文を持ってきたいのですが来てくれません。
→ まず、どの「isara」ですか?
→ 「バンコクのノマドエンジニア育成講座という文」これも2つあります。どちらですか?
ヘッダーロゴとヘッダーリストが同じ行に来ないというのは、
h1のバンコクのノマドエンジニア育成講座とliのお問い合わせ/質問
が同じ行に来ないということと、
どのisaraかというと一番左上のisaraで、その隣にh1のバンコクのノマドエンジニア育成講座を隣に持ってきたいということです。
回答2件
あなたの回答
tips
プレビュー