Css 视频显示在网页的中心

我的网站上的视频似乎不在中心，尽管我已经应用了以下内容：

<iframe style="margin: 0 auto; width: 400px;"src="//www.dailymotion.com/embed/video/x2fqouu" width="300" height="150" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

是网站。

HTML代码： 在iframe中包含一个父div

---

iframe是一个内联元素。这意味着margin:0 auto不起作用，text align:center也不起作用

因此，可能的解决方案有以下几种：

将其显示值更改为“内联块”，以便边距正常工作 将其显示值更改为“块”，以便文本对齐有效 将文本对齐：居中指定给其父元素，在本例中为其所在的p。

---

在chrome中，它显示在中间aligned@sydonia：请检查更新。为什么宽度为300且宽度样式为400px？首先纠正这些差异。HTML规范说所有属性之间必须有空格。@李斯特：属性之间不是有空格吗？是的，我看了一下你也应用了文本对齐：居中，我看一下，让你知道代码块本身通常不是有用的答案。请编辑您的答案，并解释您显示的代码的作用，以及该代码回答问题的原因/方式

 <div class="demo">
                <iframe style="margin: 0 auto; width: 400px;"src="//www.dailymotion.com/embed/video/x2fqouu" width="300" height="150" frameborder="0" allowfullscreen="allowfullscreen"></iframe>    
    </div>

.demo{
   text-align: center;
   width: 100%;
}