html - 如何强制图像在同一行对齐？

Question

用图说明很简单，我要的是:like Google Play, the image could be viewed in a scrolling box! 但是当我把它放入标签时得到的是这样的:

我的代码:

<div style="overflow: scroll; display: inline-block;">
<a class="lightview" title="image1" href="http://1.png" rel="lightbox">
<a class="lightview" title="image2" href="http://2.png" rel="lightbox">
<a class="lightview" title="image3" href="http://3.png" rel="lightbox">
</div>

Answer 1

指定文本永远不会换行:

white-space: nowrap;

Fiddle