Q&A
実現したいこと
配置した画像をCSSで中央に配置し、縮小したい。
前提
HTMLおよにCSSにてWebサイトのコーディングを行っています。
CSSで配置した画像の編集を行いたいです。
発生している問題・エラーメッセージ
HTML
1<body> 2 <div class="home-container"> 3 <div class="style"> 4 <div class="greeting mt-5"> 5 <div class="greeting greeting-text">Hi, I'm KNT. </div> 6 <span class="greeting greeteng-border">|</span> 7 <span class="greeting greeting-contact">CONTACT</span> 8 </div> 9 </div> 10 11 <div class="nav out-side works"> 12 <img src="static/img/WORKS.png" alt=""> 13 </div> 14 </div> 15</body>
CSS
1.greeting{ 2 display: inline-block; 3} 4 5.style{ 6 text-align: center; 7} 8 9 10.nav{ 11 text-align: center; 12 width: 10px; 13}
結果
試したこと
html内で直接
<img src="static/img/WORKS.png" alt="" width="20%">
とするとサイズを変更できましたが、CSSで
.nav{ width:20%;
とすると反映されませんでした。
補足情報（FW/ツールのバージョンなど）
Visual Studio Codeを使用しています。
ベストアンサー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。