为youtube嵌入式链接html / css填充或边缘化文本

时间:2015-07-24 04:21:22

标签: html css youtube

我已经重新创建了我在这里遇到的问题:

https://jsfiddle.net/9p4z8fnj/



.youtube_text_infor {
    margin-right: /**/
}
.youtube_video {
    padding-right: 10px;
}

<div class="youtube_video"><p style="float: left;"><iframe width="300" height="200" src="https://www.youtube.com/embed/293ZfGilg-I" frameborder="0" allowfullscreen></iframe></p>
	</div>
        <p class="youtube_text_infor">  Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text  Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text ext Text Text  Text Text Text Text Text Text ext Text Text  Text Text Text Text Text Text ext Text Text  Text Text Text Text Text Text ext Text Text  Text Text Text Text Text Text ext Text Text  Text Text Text Text Text Text ext Text Text  Text Text Text Text Text Text ext Text Text  Text Text Text Text Text Text ext Text Text  Text Text Text Text Text Text</p>
        
        
<div style="clear: left;">
&#13;
&#13;
&#13;

我的目标是从youtube嵌入式链接添加一些空白区域(填充),以便文本和视频之间有一个轻微的间隙。

我尝试使用文本和嵌入式链接填充填充和边距,但没有用。

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分:1)

您需要以自己的风格添加此CSS

.youtube_video {
    padding-right: 10px;
    float: left;
}