前提・実現したいこと
ヘッダーのロゴ(img)横にリスト(li)を表示したい
参考サイト:UUUM(https://www.uuum.jp/creator/)
発生している問題・エラーメッセージ
ロゴの1行下にリストが表示される
該当のソースコード
<body> <div class="header bg-dark text-light"> <img class="logo m-3" width="120" src="img/logo.png" alt="マーレン劇団" > <ul class="header-navigation col-12 clearfix"> <li class="list-item mr-5">クリエイター</li> <li class="list-item mr-5">メディア</li> <li class="list-item mr-5">トピックス</li> <li class="list-item mr-5">エントリー</li> <li class="list-item float-right">youtubeアイコン</li> </ul> </div> <script src="https://code.jquery.com/" charset="utf-8"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" charset="utf-8"></script> </body>試したこと
divタグをspanにしてみましたが、1行になりませんでした。
UUUMを参考にオリジナルサイトを作成しています。
ヘッダーを「ロゴ メニュー SNSリンク」の順番で並べたいです。
ご回答よろしくお願いいたします。
コードはマークダウンのcode機能を利用してご提示ください。
(質問は編集できます)
回答3件
あなたの回答
tips
プレビュー