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 vote449 views2 answers
Fix materialize form label not working
CSS
1 vote374 views1 answer
How do center using margin
CSS
0 vote370 views2 answers
Wow.js
CSS
0 vote412 views1 answer
How to set unclickable checkbox using css
CSS
0 vote379 views1 answer
Activate_bin_path
CSS
0 vote343 views1 answer
Backface-visibility sass
CSS
38 votes351 views3 answers
Use CSS to set the background color of the document (body) to yellow.
CSS
1 vote372 views2 answers
Change nav background color on scroll css without bootstrap
CSS
0 vote382 views1 answer
Css a little transparent
CSS
0 vote381 views2 answers
Text-align: left; width: 100%;
CSS