为嵌入的 youtube 填充或边缘化文本 link html/css

Question

我在这里重现了我遇到的问题：

.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;">

我的目标是从嵌入的 youtube link 添加一些白色 space（填充），这样文本和视频之间就会有一个平缓的间隙。

我试过用文本和嵌入的填充和边距玩弄 link，但无济于事。

如有任何帮助，我们将不胜感激。

Answer 1

您需要在您的样式中添加这个css

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

为嵌入的 youtube 填充或边缘化文本 link html/css

Padding or marginalizing text for youtube embedded link html/css

html

css

youtube