html - 和元素不会居中

Question

我已将视频和音频文件添加到网页，但它们似乎不想居中。

HTML 代码是：

<h2>Dedicated to Quality</h2>

<video height="210" class="center" controls="controls" poster="aboutus/poster.jpg">
<source src="aboutus/ucorp.mp4" type="video/mp4"/>
Your browser does not support the HTML5 video element.
</video>

<p>
For the audio of this webpage, use the audio controls below.
</p>

<audio class="center" controls="controls">
<source src="aboutus/voiceover.mp3" type:"audio/mp3"/>
Your browser does not support the HTML5 audio element.
</audio>

CSS代码是：

video.center
{
display: block; 
margin-left: auto; 
margin-right: auto;
}

audio.center
{
display:block;
margin-left:auto;
margin-right:auto;
}

所以我已经添加了display:block;CSS 类并将边距设置为auto. 根据我正在遵循的教程，这应该可以。下面我附上了我所期待的和我得到的（注意：忽略视频缩略图和大小的不同）。 预期结果与获得的结果。

提前致谢！

标签： htmlcssaudiovideo