Каскадное изображение без пробелов между ними

Question

Добавили четыре изображения и их нужно каскадировать вместе, но не может, из-за чего между ними создается пространство. Между ними только подключено изображение, но через can not, я добавил изображение, чтобы показать результат Я после

HTML

<div class="content-box-left-bootomgrids"> 
    <div class="content-box-left-bootomgrid"> 

     <img src="images/room2.jpg" title="image-name" /> 
     <img src="images/Ocean.jpg" title="image-name" /> 
    </div> 

    <div class="content-box-left-bootomgrid"> 
     <h3>Welcome</h3> 
     <p><img src="images/room3.jpg" title="image-name" /> 
     <img src="images/garden.jpg" title="image-name" /></p> 
    </div> 

    <div class="content-box-left-bootomgrid lastgrid"> 
     <img src="images/room3.jpg" title="image-name" /> 
     <img src="images/exec.jpg" title="image-name" /> 
    </div> 
</div> 

CSS

.content-box-left-bootomgrids { 
    padding: 0em 0 0em 0; 
} 

.content-box-left-bootomgrid img{ 
    background:#FFF; 
    padding:0px; 
    display:block; 
    width: 93%; 
    transition: 0.5s ease; 
    -o-transition: 0.5s ease; 
    -webkit-transition: 0.5s ease; 
} 

Ожидаемый результат мне нужно Result image i need

Answer 1

Попробуйте использовать эту комбинацию CSS/HTML. Я написал, как новичок может понять. И вам нужно узнать больше о различных свойствах CSS.

.content-box-left-bootomgrids { 
 
    width: 300px; 
 
    text-align: center; 
 
} 
 
.content-box-left-bootomgrid img { 
 
    width: 50%; 
 
    margin: 0; 
 
    float: left; 
 
}

<div class="content-box-left-bootomgrids"> 
 
    <div class="content-box-left-bootomgrid"> 
 
    <h3>Welcome</h3> 
 
    </div> 
 
    <div class="content-box-left-bootomgrid"> 
 
    <img src="images/room3.jpg" title="image-name" /> 
 
    <img src="images/garden.jpg" title="image-name" /> 
 
    </div> 
 
    <div class="content-box-left-bootomgrid"> 
 
    <img src="images/room2.jpg" title="image-name" /> 
 
    <img src="images/Ocean.jpg" title="image-name" /> 
 
    </div> 
 
    <div class="content-box-left-bootomgrid lastgrid"> 
 
    <img src="images/room3.jpg" title="image-name" /> 
 
    <img src="images/exec.jpg" title="image-name" /> 
 
    </div> 
 
</div>