和<span>之间没有空格

Question

我有2张图片，只有第一张图片可见，在悬停时，菜单栏会向右滑动，然后显示第一张图片旁边的第二张图片，但图片之间有一点空间。我有办法解决这个问题吗？

这是我的HTML代码：

<!-- Side Header -->
<div class="side-header side-content bg-white-op">
    <a class="h5 text-white" href="index.html">
        <i><img src="assets/img/test.png" height="25px"></i> <span class="sidebar-mini-hide"><img src="assets/img/logo.png" height="25px"></span>
    </a>
</div>
<!-- END Side Header -->

Answer 1

.side-header a i, .side-header a span { float: left; }