視頻div在中心

Question

我在中心的視頻有問題。我無法把它放到div的中心。

這是我的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> 

和我的CSS是這樣的

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

#aside p { 
    margin:20px 0; 
} 

#aside img { 
    border:1px solid black; 
    height:400px; 
} 

#videoClip { 
    margin:0 auto; 
} 

並嘗試檢查該JSFIDDLE

我已經把視頻片段margin:0 auto;，仍然不起作用。而且如果我把text-align:center也不起作用。

Answer 1

它是拋開它是寬只有40％內

和

#videoClip { 
    margin:0 auto; 
    display:block; 
    float:none; 
} 

Answer 2

你周圍的div#asidefloat: left和width: 40%。當然這限制了video。當你做出aside全寬，該video將被正確

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

中心見JSFiddle

或者只是離開了width和float也能發揮作用

#aside { 
    text-align:center; 
} 

JSFiddle