html文書に複数の画像がある場合の画像の配置方法

Question

私はウェブサイトを作成しています。私のページの1つにはいくつかの画像があります。下のコードからわかるように、タグ。私はあなたが同じcssタグに従っているわけではないように、異なるイメージをユニークにする必要があることを知っていますが、私はすべて "img" CSSタグに従うので、私の仕事をするのに苦労しています。問題。何らかの理由で、画像がフッターで終わってしまい、CSSがなくてもまだそこにとどまっています。

HTMLコード

<h4>Download CV</h4> 
     ˚<p> If you want to see my full resume please click the link below and enjoy!</p> 
     <a download="Curriculum Vitae RWP.docx" href="../Curriculum Vitae RWP.docx" title="R**** A*** CV"> 
     <div class ="imagelist" id = "imagelist" > 
     <img class="imagelist" alt="CV" src="../Images/cv.png" width ="150" height="150" /> 
     </a> 

CSSコード

imagelist{ 
margin-left:500px; 
} 

img{ 
float:none; 
margin-top: 50px; 
margin-left: 20px; 
} 

Answer 1

あなたはおそらく、それはだ上としてあなたのimgに同じクラスを使用して、

<h4>Download CV</h4> 
<p> If you want to see my full resume please click the link below and enjoy!</p> 
<a download="Curriculum Vitae RWP.docx" href="../Curriculum Vitae RWP.docx" title="R**** A*** CV"> 
    <div class ="imagelist" id = "imagelist" > 
    <img class="imagelist" alt="CV" src="../Images/cv.png" width ="150" height="150" /> 
    </div> 
</a> 

また、あなたのdiv.imagelist閉じたい

親はあなたのスタイリングにぴったりしません。私はのimgタグからクラスを削除するお勧めしますし、次のCSSを使用してイメージリスト内の画像を対象：現在のCSSの

.imagelist img {} 

、あなたはイメージリスト

の前にドットを置くことを忘れてしまいました

これはあなたが少しでもあなたを続けるのに役立ちます。