Horizontally and Vertically Centered Iframe

Horizontally and Vertically Centered Iframe using CSS only (not for Opera Mini)

by Jlipman

HTML

<html>
    <head>
        <title>Horizontally and Vertically Centered Iframe</title>
    </head>
    <body>
        <iframe src="https://www.joellipman.com/examples/html/modal.html" width="350" height="200"></iframe>
    </body>
</html>

CSS

body { 
    background:red;
}
iframe {
    position: fixed;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%); 
}