Html 删除内联剪辑路径div之间的空间

我制作了三个内嵌div，每个都有一个图像和标题。标题和图像都使用css片段路径属性。图像和标题被包装在

.gallery-inner

类。代码运行良好，但我希望在这些div之间不留空格

我的HTML代码：

<div class="gallery">
    <div class="gallery-inner">
        <img src="http://dummyimage.com/800" class="img-responsive img-slant--1">
        <div class="caption red">
            <h3>Lorem Ipsum Dolor</h3>
        </div>
    </div>
    <div class="gallery-inner">
        <img src="http://dummyimage.com/800" class="img-responsive img-slant--2">
        <div class="caption blue">
            <h3>Lorem Ipsum Dolor</h3>
        </div>
    </div>
    <div class="gallery-inner">
        <img src="http://dummyimage.com/800" class="img-responsive img-slant--3">
        <div class="caption orange">
            <h3>Lorem Ipsum Dolor</h3>
        </div>
    </div>
</div>

是否有任何方法可以删除

.gallery internal

之间的空格

一个图像将有助于理解我想要什么。以下是示例图像：

---

尝试在下面添加此。在CSS文件中添加图库：

.gallery-inner:nth-child(2){
  transform: translateX(-75px);
}

.gallery-inner:nth-child(3){
  transform: translateX(-150px);
}

我希望有帮助。我相信它是有效的

.gallery-inner:nth-child(2){
  transform: translateX(-75px);
}

.gallery-inner:nth-child(3){
  transform: translateX(-150px);
}