実現したいこと
配置した画像を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}
結果
試したこと
CSSのセレクタ指定方法などを調べ直しましたが、変わりませんでした。
補足情報（FW/ツールのバージョンなど）
Visual Studio Codeを使用しています。
0 コメント