Html 水平滚动DIV内部的内联跨距元素

我希望这里有人能帮我完成这个简单的任务。我希望在水平滚动DIV中放置几个span元素。我最初在水平DIV中有DIV，但被告知：

CSS渲染在内联块元素上不起作用。除非包含的DIV设置为足够大的宽度值，以允许所有内联块元素向左浮动，否则它们将始终换行

我切换到元素，但我仍然有包装问题。我是被派来的，这让我找到了，然后我自己找到了。这些都不适合我

有关页面如下：

现在，这是我的HTML：

<div class="SpanContainer">
<span class="block">
<img src="http://melanie-patterson.com/wp-content/uploads/2012/10/dlsw4.png" alt="" />
<br>description</span>

<span class="block">
<img src="http://melanie-patterson.com/wp-content/uploads/2012/10/leprettystellar.png">
<br>DESCRIPTION</span>

<span class="block">
<img src="http://melanie-patterson.com/wp-content/uploads/2012/10/simonett.png" alt="" />
<br>DESCRIPTION
</span>
</div>

---

我不知道为什么我有这么多问题！任何帮助都会很好。另外，让我补充一下，我使用的是Wordpress，特别是DIYThemes的“论文”主题。

应该是

div id=“SpanContainer”

您使用了class而不是id

.format_text {
width:750px;
height: 600px;
overflow: auto;
white-space: nowrap;
}

#SpanContainer {
width:1000px;
height: 600px;
overflow-x: scroll;
overflow-y: hidden;
margin:auto;
float: left;
}

span.block {
display: inline-block;
width: 300px;
}