如何使这些视频链接在同一行？答案

【问题标题】：How to make these video links on the same line?如何使这些视频链接在同一行？
【发布时间】：2011-06-09 23:48:45
【问题描述】：

请在此处查看 Wordpress 视频库：http://milabalami.com

我希望这两个视频位于同一行。它们都在同一段中，我没有添加<br> 标签。据我所知，CSS 应该是正确的，但我怀疑我在这里遗漏了什么？谁能帮我解决这个难题？

【问题讨论】：

【解决方案1】：

你可以这样做：

.floatbox {
    float: left;
}

【讨论】：

耶，成功了，谢谢！我会在一分钟内接受这个作为答案。
@StarTrekkier，不客气。它有助于使用 FireBug 或 Chrome 的开发者工具来检查元素。它会自动突出显示您悬停的任何元素的尺寸，从那里很容易发现问题。
@StarTrekkier，我忘了说这个：quirksmode.org/css/clearing.html
@StarTrekkier，基本上浮动元素会导致容器元素的尺寸缩小，就好像内容不存在一样。要解决这个问题，您需要添加到容器元素：overflow: auto;，以及一些宽度（如果您没有为容器指定宽度，则使用 width: 100%）。宽度规则只是为了修复一个 IE 错误。

【解决方案2】：

问题是在你<a> 中你有一个<span> 具有display:block 的风格

你可以通过浮动<a>来解决这个问题：

.floatbox {
    float: left;
}

或者，将<a> 与display:inline-block 一起设置样式

.floatbox {
    display:inline-block;
}

【讨论】：