Center a video horizontally

/*option 1:this makes the video responsive*/
.videoDiv
{
    width: 70%; /*or whatever % you prefer*/
    margin: 0 auto;
    display: block;
}

/* option 2* does not make the video responsive*/

.videoDiv{
  margin:0 auto;
  display: block;
}

Source: stackoverflow.com

Center a video horizontally

<div class="videoDiv">
  <video width="100%" controls>
    <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
    <source src="https://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg">
  Your browser does not support the video tag.
  </video>
</div>

Source: stackoverflow.com

Similar codes

0 vote104 views1 answer
Understanding '>' sign in css selector
CSS
0 vote109 views1 answer
Css file not getting captured in laravel project
CSS
2 votes106 views1 answer
Add padding to scrollbar
CSS
6 votes119 views2 answers
Removing the unwanted border button css
CSS
35 votes105 views2 answers
Css code for margin
CSS
2 votes116 views1 answer
Website css not loading
CSS
1 vote125 views1 answer
How to desactivate txt selection css
CSS
0 vote106 views2 answers
Superscript css
CSS
0 vote112 views1 answer
Why we are translating -50%, -50% in css
CSS
0 vote113 views1 answer
Html textgröße ändern css
CSS