我需要一些文本出现在嵌入媒体（在本例中为视频）下方，并且我希望文本与视频右对齐。
我不知道该怎么做，因为布局需要流畅。有些视频会比其他视频更宽。
当前文本与换行 div 右对齐。
这是我目前所拥有的 http://jsfiddle.net/thwackukulele/2N6a9/
我希望文本“在我们的 YouTube 频道上观看更多视频”与视频的右边缘对齐。
感谢您的帮助！
【问题讨论】：
标签： css text-align
视频可以有不同的宽度，但它们永远不会超过您在内容单元上设置的 960 像素？
如果 content-unit 使所有内容居中，请将 framewrap 设置为 inline-block。这将使其收缩包装到它的内容（这里是视频），如果 content-unit 设置了 text-align: center ，那么 inline-block framewrap 将居中（无论宽度如何）。现在，因为它的宽度被限制为最宽的内容（这里的 iframe，一个内联元素），所以 h4 可以设置为 text-align right 并且文本应该限制在 framewrap 的右侧，因为块 h4 仍然会展开到任何 framewrap 的 100%。
啊，你有很多定位和边距，我看不到他们在做什么，所以我不希望这段代码能真正解决你的问题，但是......查看 JSFiddle 就像查看屏幕放大镜。有趣的东西http://jsfiddle.net/2N6a9/2/ 我将 content-unit 蓝色和 framewrap 红色，这样你就可以看到标题是如何被包裹的。如果您想将文本稍微向左移动一点，可以在 h4 上添加一点右填充。
哦，我没有为 IE6,7 等添加代码。如果您支持它们，请记住将 framewrap 设置为 display: inline after inline-block 声明。
编辑 2：我没有将 facebook 的东西移到左边
【讨论】：
如果您希望文本位于视频下方，但与视频的右边缘对齐，请将
h4.caption { margin:auto; text-align:right; width:640px }
我希望这对您有所帮助。
ps：对于不同宽度的视频，我认为最好的方法是用javascript检测它，然后相应地设置h4.caption的宽度。您可以通过 jquery 尺寸包相对轻松地做到这一点。 要使用纯 html / css 开箱即用地做到这一点，我缺乏知识；）
【讨论】：
http://jsfiddle.net/RPTgB/ 我想这就是你要找的。我刚刚制作了一个 .innerframe DIV 并将左右边距设置为自动，并将宽度设置为与 iframe 相同。
<div class="innerframe">
<iframe width="640" height="480" src="http://www.youtube.com/embed/D35uQCtr4EY" frameborder="0" allowfullscreen class="frame"></iframe>
<h4 class="caption"><a>Watch more videos on our YouTube Channel</a></h4>
</div>
然后css只是
.innerframe {
width:640px;
margin-left: auto;
margin-right: auto;
}
希望这就是你要找的东西。
【讨论】：