Блог

Привет, я только начал изучать HTML и CSS, и я делаю некоторые упражнения, мне интересно, как я могу удалить пустое пространство между 2 картинками (эта тонкая белая линия)

Вот картинка для справки

Вот код

   lt;div class="content"gt;  lt;h1gt;Plan Your Visitlt;/h1gt;  lt;pgt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed. Duis aute irure dolor in reprehenderit. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed. Duis aute irure dolor in reprehenderit. Duis aute irure dolor in reprehenderit consectetur adipiscing elit, sed. lt;/pgt;  lt;pgt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed. Duis aute irure dolor in reprehenderit. Duis aute irure dolor in reprehenderit consectetur adipiscing elit, sed.lt;/pgt;  lt;button class="btns"gt;Morelt;/buttongt;  lt;/divgt;  lt;divgt;  lt;img src="photo2.jpeg"gt;  lt;/divgt;      lt;div class="content"gt;  lt;h1gt;Plan Your Visitlt;/h1gt;  lt;pgt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed. Duis aute irure dolor in reprehenderit. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed. Duis aute irure dolor in reprehenderit. Duis aute irure dolor in reprehenderit consectetur adipiscing elit, sed. lt;/pgt;  lt;pgt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed. Duis aute irure dolor in reprehenderit. Duis aute irure dolor in reprehenderit consectetur adipiscing elit, sed.lt;/pgt;  lt;button class="btns"gt;Morelt;/buttongt;  lt;/divgt;  lt;divgt;  lt;img src="photo2.jpeg"gt;  lt;/divgt;```` CSS  body{  background-color: white;  font-family: Verdana, Geneva, Tahoma, sans-serif; } .content{   color: black;  margin-top: 100px;  margin-left: 30px;  padding-right: 200px;  text-align: justify; } h1{  font-size: 50px; } p{  margin-top: 10px;  float:left } main{  display: grid;  grid-template-columns: 1fr 1fr; } img{  max-width: 100%;  margin-top: 0px;  margin-left: auto;  width: auto; }````  

Вероятно, это связано с высотой вашего изображения. Попробуйте добавить:

 height: 100%;  

в css img