Sometimes, we want to center an iframe horizontally with CSS.
In this article, we’ll look at how to center an iframe horizontally with CSS.
How to center an iframe horizontally with CSS?
To center an iframe horizontally with CSS, we use flexbox.
For instance, we write
<div style="display: flex; justify-content: center">
<iframe></iframe>
</div>
to make the div a flex container with display: flex.
Thhen we use justify-content: center to center its contents horizontally.
Conclusion
To center an iframe horizontally with CSS, we use flexbox.
