Как разместить изображение при наличии нескольких изображений в html-документе

Question

Итак, я создаю веб-сайт, и на одной из моих страниц есть несколько изображений, как вы можете видеть из приведенного ниже кода, у всех их есть img тег. Я знаю, что вам нужно сделать уникальные уникальные изображения, чтобы они не выполняли те же теги 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

Вы, вероятно, хотите, чтобы закрыть ваш div.imagelist

<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> 

Кроме того, используя один и тот же класс на свой IMG, как на это родитель не будет отлично справляться с вашим стилем. Я рекомендую удалить класс из IMG тега и целевого изображения внутри ImageList со следующим CSS:

.imagelist img {} 

Для текущего CSS, вы забыли поставить точку перед ImageList

Надеюсь, это поможет вам немного удержать вас.