How to align iframe always in the center

Question

I have an iframe surrounded by div element and I am simply trying to position it always in the center. here is my jsfiddle effort : jsfiddle

and tr

Answer 1

Try this:

#wrapper {
    text-align: center;
}

#wrapper iframe {
    display: inline-block;
}