并排排列div标签

Question

所以，这是一个愚蠢的问题，但我不能为我的生活让这个工作。

我有一个带有div类的div标签，其内部有一个set size，并希望将它全部保存在一行中。现在，第一个图像出现在内部div标签和第二个图像上方。我试过添加浮动：左;这似乎发送整页页面。

的CSS

#arrows {
    align: middle;
    width: auto;
    float: inherit;
    display: inline-block;
    height: 500px;
    overflow: hidden;
    white-space: nowrap;
}
.portfolio {
    align: middle;
    width: 750px;
    float: inherit;
    display: inline-block;
}

HTML

<div id="arrows">
    <p>
        <img src="../images/left.jpg" width="64" height="105" align="middle" />
        <div class="portfolio">
            <img src="../images/portfolio/borderpatrollogo.jpg" alt="U.S.   Border Patrol Brand Identity" width="564" height="475" align="middle" />
        </div>
        <img src="../images/right.jpg" alt="next" width="64" height="105" align="middle" />
    </p>
</div>