How do you center a video using CSS

I’m trying to center a video within my site but I don’t want to use the center tags in HTML because it’s kinda obsolete. How do I do this with CSS? Here’s my HTML code if it’s any help.

<center>
  <video width="320" height="240" controls>
    <source src="video.mp4" type="video/mp4">
    <source src="video.ogg" type="video/ogg">
    <source src="video.webm" type="video/webm">
    Your browser does not support the video tag.
  </video>
</center>

Related Posts:

  1. How to align a
  2. How do I center floated elements?
  3. How can I center an absolutely positioned element in a div?
  4. How to center HTML5 Videos?
  5. how to center an inline div using css?
  6. How to center HTML5 Videos?
  7. How to get these two divs side-by-side?
  8. How to change the color of an svg element?
  9. How to implement max-font-size?
  10. @Media min-width & max-width
  11. How do I center this form in css?
  12. How can I replace text with CSS?
  13. Bootstrap 4, How do I center-align a button?
  14. Float a div above page content
  15. What does an asterisk (*) do in a CSS selector?
  16. height style property doesn’t work in div elements
  17. background-size: cover not working?
  18. combined multiple classes into one css rule
  19. CSS Outside Border
  20. Is there an opposite to display:none?
  21. Rainbow gradient on text in CSS
  22. CSS3 opacity gradient?
  23. use multiple css filters at the same time?
  24. CSS “and” and “or”
  25. Removing whitespace between HTML elements when using line breaks
  26. Why are my divs overlapping?
  27. Cache busting CSS files other than style.css
  28. How do I add a search bar to my header?
  29. Sanitize User Entered CSS
  30. Stylesheet switching and caching
  31. Check and dequeue if multiple stylesheets exists using wp_style_is?
  32. plugin css is not being applied to the page?
  33. How do I make Div Container 100% width only on homepage of site?
  34. WordPress & W3C CSS Validation
  35. TwentyTwelve versioning
  36. How to highlight all current categories when viewing a single post?
  37. Duplicate attribute class causing site validation error
  38. Assets in css dont link properly in pages other than home
  39. How do I style WordPress pages differently based on the tag used?
  40. How/where to add additional stylesheet to WP
  41. How the Css File is Linked without calling it in header.php?
  42. Show enqueued CSS and Script in custom header
  43. How to insert html/css/javascript code to wordpress plugin
  44. Importing changes to Child Theme
  45. Save changes in CSS after removing Menu from specific page
  46. Move the position of menu item [closed]
  47. Pure CSS to “float” to the right the number of children of an admin_bar child node
  48. Title has word broken when viewed in mobile [closed]
  49. Advanced: understanding wp_add_inline_style function
  50. WordPress code editor messed up my code!
  51. Ordering stylesheet above using functions.php
  52. How to change “““ to “““?
  53. How to remove parent style.css from the header
  54. enqueing Javascript and CSS
  55. Acessing HTML element with no specific tag on it [closed]
  56. Earlier stylesheet not overriding later one
  57. Order of WP page load (including widgets, php, plugins, media, templates, and CSS) [duplicate]
  58. CSS is not loaded on mobile devices
  59. Fixed height of the_content()
  60. How can I add inline CSS for each image?
  61. Creating a second menu on Twenty Eleven aligned right from the first
  62. Help with a little CSS logo/header modification?
  63. I have html form and need to make it work in text editor on template. Only problem is it has .sccs styling file
  64. underscores theme – sass folder structure vs smacss
  65. Inclution place of CSS file
  66. Unused CSS in WordPress Plugins
  67. I have text on a banner on my wordpress site and I am unable to get rid of it? Would appreciate any help or advice :-)
  68. Img load while refreshing
  69. How to change specific menu tab from left to right in My Home Theme?
  70. Twenty Fourteen: Unsticky header after making header bigger
  71. How to display javascript banner in website header?
  72. Loading css files conditionally useful?
  73. Is there any way to turn off a particular scrolling behaviour?
  74. Sidebar at bottom however I have completely replaced theme folder back to original code
  75. Site not 100% responsive
  76. Dropdown menu’s fighting with each other [closed]
  77. Customizer: CSS changes not persistent
  78. Move both sidebars more to their sides [closed]
  79. Scale An Image Thumbnail
  80. Which hook to use to add notification message at beginning of my
  81. single.php doesn’t getting style
  82. Converting Static HTML pages to WordPress
  83. How to make widgetized footer styles be inherited from body?
  84. custom css in admin panel by user id
  85. How to customize a theme’s navigation menu with css
  86. Site layout problems when logged in due to admin bar
  87. Add “sub-nav” class to a sub menu parent item
  88. Current Post/Page Ancestor, CSS
  89. How to target only one element if more elements share the same CSS class
  90. How to change the CSS in one file?
  91. Custom css code in wordpress [closed]
  92. Using Easy Google Fonts correctly and Droid Sans on Max OS X [closed]
  93. remove white overlay [closed]
  94. Best practice for custom primary color of pages
  95. Custom theme – Bootstrap CSS not loading via wp_enqueue_style or otherwise
  96. Insert a group block inside a list item
  97. Layout totally broken
  98. Block content rendered with inline CSS. How do I reuse it in a headless setup?
  99. Gutenberg: where to find style settings
  100. A website built using wordpress, but the articles on the sidebar of this webpage cannot be displayed

Leave a Comment