質問内容
Font Awesomeを用いてアイコンの表示はできたのですが、アイコンの右揃え及び文字の大きさ変更がうまくいきません。
エラーメッセージはありませんでした。どこの部分が間違っているかを教えていただきたいです。
よろしくお願いいたします。
該当のソースコード
html
1<!DOCTYPE html> 2<html> 3 4<head> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width,initial-scale=1"> 7 <title>My app</title> 8 <link rel = "stylesheet" href="css/styles.css"> 9 <script src="https://kit.fontawesome.com/80f32ffa4a.js"></script> 10 11</head> 12 13<body> 14 <header> 15 <div class="container"> 16 <i id="open_menu" class="fas fa-bars"></i> 17 <h1>My App</h1> 18 </div> 19 </header> 20 21</body> 22 23<footer> 24</footer> 25 26</html>
css
1body{ 2 background:#f8f8f8; 3 font-size:14px; 4 font-family: Verdana,sans-serif; 5 margin:0; 6 color: #333; 7} 8 9.container{ 10 width:90%; 11 margin: 0 auto; 12} 13 14header h1{ 15 font-size:28px; 16 font-weight: normal; 17} 18 19#open_menu{ 20 float: right; 21 font-size:24px; 22 cursor: pointer; 23}
直さなければいけない部分を教えていただきたいです。よろしくお願いいたします。
><link rel "stylesheet" href="css/styles.css">
そもそも上記、記述が正しくありませんが、本当にこのように書いてありますか?
あと、fontawesomeの本体CSSを読み込まれてないので提示内容だけでは現状が再現確認できません。
コメントありがとうございます。
指摘された部分の記述を直しました。結果としてエラーが出てきましたのでもう一度見直してみます。
エラーメッセージおよび追記のコメントを参考にもう一度考え直させていただきます。
本当にありがとうございます。
質問本文のコードもあわせて更新してください。
了解です。
どのようなレイアウトにしたいのでしょうか?
提示のコードで、質問の内容は満たしているように見えます。
yoshinavi様コメントありがとうございます。コメント訂正させていただきます。
気づきませんでいたが言われた通り上記のもので内容は満たしておりました。
失礼いたしました。
回答1件
あなたの回答
tips
プレビュー