Wordpressなどでよくあるデザインをhtmlとcssで実現させたい。
左寄せでロゴとその下にテキストが入り、右寄せにはSNSなどのアイコンその下には問い合わせ分または、文字などを表示できるようにしたい。
<header> <h1><a href="#">ロゴ</a></h1> <p class="text">説明文テキスト</p> <div id="sns"> <ul> <li>imgファイル</li> <li>imgファイル</li> </ul> <p>mail@xx.xx</p> </div> </header> css header { display: flex; justify-content: flex-end; align-items:center; } 上記のままでは横並びで、終わってしまう。
今回のレイアウト実現のために参考にしたサイトなどありましたら質問本文に追記してください。
回答4件
あなたの回答
tips
プレビュー