Html 输入代码中的返回行是否会导致输出中元素之间出现间隙/空白？

可能重复：

我试图把图片放在一个网页上的旁边。这是我的HTML：

<img class="pt" src="Yellow Tulip.jpg" title="Yellow Tulip" alt="Yellow Tulip" />
<img class="pt" src="Pink Tulip.jpg" title="Pink Tulip" alt="Pink Tulip" />
<img class="pt" src="Purple Tulip.jpg" title="Purple Tulip" alt="Purple Tulip" />

然而，在我的网页上，这显示了每个图像之间的差距。我注意到，一旦我删除了使元素分离和可读的返回行，而只是将所有元素放在一行上，间隙就会消失

<img class="pt" src="Yellow Tulip.jpg" title="Yellow Tulip" alt="Yellow Tulip" /><img class="pt" src="Pink Tulip.jpg" title="Pink Tulip" alt="Pink Tulip" /><img class="pt" src="Purple Tulip.jpg" title="Purple Tulip" alt="Purple Tulip" />

---

我是否可以实现后者的输出，但代码/输入仍与前者相同？我非常喜欢返回行（输入空格）给代码带来的可读性，但我不想要它在实际页面上创建的空白。如果有人能解释这是为什么和/或如何修复它，我将非常感激！）

您可以浮动图像，如

#容器img{float:left}

或者设置容器字体大小以使空间不可见

#容器{字体大小：0}

非常相似-