html - 图片、文本和链接与 YouTube iframe 放置在同一行

Question

我已经设置了这个页面，我正在尝试将一个 YouTube 视频和一些带有链接和文本的图像排在同一行。我已经设置了一个 jsfiddle，所以你可以看到我的代码和诸如此类的东西:jsFiddle

这是我想要的基本样子:

我希望绿色的“订阅”按钮进入绿色方框的空间，以及带有红色方框的图像的链接进入红色方框的空白区域。

在 jsFiddle 上，YouTube 视频的大小有点小于此屏幕截图中的大小，但除非有必要，否则不要担心。

对于那些宁愿看到网页示例的实时版本而不是 jsFiddle 小预览的人，这里有一个链接:Test Live Page

Answer 1

这是您要找的吗？ http://jsfiddle.net/9xQe7/

这是我做的:

1. 将图像链接和“订阅”链接包装在包装器 div (video-info) 中并将其 float 到右侧
2. 删除了包含图片链接的 div 的边距
3. 向 video-info 添加了一个包含一些内容的额外 div，以表明可以添加额外内容
4. 将下方文本包裹在一个 div 中 (video-desc) 并添加 clear: both 以使该文本与上面的元素分开

如果我们需要添加/更改任何其他内容才能获得您想要的内容，请告诉我。