How do you center a video using CSS

Question

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. ```

```

Accepted Answer

Here's an example: http://jsfiddle.net/Cn7SU/

Just add these CSS rules to the element `video`:

```
display: block;
margin: 0 auto;
```

Add the `display: block` property is very important. Otherwise you can't center the element.

How do you center a video using CSS

Solution

Problem