Javascript 在iframe内、短代码内添加居中文本

我想在iframe中添加居中文本，在WordPress短代码中添加我从网站上删除的视频，这些视频可以在YouTube中搜索

function my_title_search( ){
   $my_title = get_the_title();
echo '<div class="myIframe">
<iframe src="" width="100%">
<div class="removed_video">This video is removed from our site</div>
<a href="https://www.youtube.com/results?search_query='.$my_title.'">Search YouTube for this video.</a>
</iframe>
</div>';
}
add_shortcode( 'my_title_search', 'my_title_search' );

现在，文本应该在iframe框内居中，如下所示： 此视频已从我们的网站上删除 在YouTube上搜索此视频

---

一个接一个，我不确定这里的格式。

问题是？使用文本：对齐：居中；inside.myIframe iframe{}

.myIframe {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: auto; 
-webkit-overflow-scrolling:touch; 
border: solid black 1px;
} 
.myIframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}