如何在同一行上显示两个div元素？

Question

我制作了两个单独的div元素，并向两者都添加了显示内联块，但它们不在同一行上。有人知道为什么吗？

这是我的html：

<div id="showcase">
    <div id="info">
        <h1>test</h1>
        <p>test</p>       
    </div>
    <div id="pic">
        <img src=""/> 
    </div>
</div>

这是我的CSS：

    #info{
        display: inline-block;
        float: left;
    }

    #pic{
        display: inline-block;
        float: left;
    }

由于隐私原因，图片链接已被删除，我的html上确实有图片。