Html 中心的录影带组

我对中心的视频有问题。我没能走到驾驶室的中央

这是我的html代码

<div id="aside">
     <div id="videoClip">
        <p> Check out my new video clip! </p>
        <p>
          <video id="video" class="video-js vjs-default-skin"
            controls preload="auto" width="400" height="300" 
                poster="my_video_poster.png" data-setup="{}">
            <source src="my_video.mp4" type='video/mp4'>
        <source src="my_video.webm" type='video/webm'>
       </video>
        </p>
     </div>
 </div>

试着检查一下

---

我已经把视频剪辑

边距：0自动但仍然不起作用。另外，如果我把
文本对齐：居中也不起作用。
它在侧边内，只有40%宽

及

您有周围的
div#aside
float:left
和
宽度：40%
。当然，这限制了
视频的播放。当您将
置于一旁
全宽时，
视频
将正确居中

#aside {
    float:left;
    width:100%;
    text-align:center;
}

看

或者只需省略
宽度
和
浮动
也可以

#aside {
    text-align:center;
}

您好，如果我将宽度设置为100%，那么情况会变得更糟，因为我有两列。左栏是文章，右栏在旁边。所以，我必须把两个div的float放在左边，左边列的宽度是60%，而另一边是40%。那我该怎么办呢？谢谢。所以，你有一个60%栏和一个40%栏。你想让视频集中在这两列的顶部吗？不，我需要一个40%的视频。有什么想法吗？视频应该在40%栏中居中？这已经发生了，看，是的，我想这真的很完美，但对我来说不起作用。我不知道为什么。嗯，你能帮我再检查一下吗？我有什么遗漏吗？
#aside {
    float:left;
    width:100%;
    text-align:center;
}

#aside {
    text-align:center;
}