How to center an iframe horizontally?

by

Add display:block; to your iframe css.

div, iframe {
    width: 100px;
    height: 50px;
    margin: 0 auto;
    background-color: #777;
}

iframe {
    display: block;
    border-style:none;
}
<div>div</div>
<iframe src="https://stackoverflow.com/questions/8366957/data:,iframe"></iframe>

More Related Contents:

  1. how to align the image to the center? [closed]
  2. Set cellpadding and cellspacing in CSS?
  3. Vertically align text next to an image?
  4. How to center an element horizontally and vertically
  5. Best way to center a on a page vertically and horizontally? [duplicate]
  6. How to align 3 divs (left/center/right) inside another div?
  7. Does UL have default margin or padding [duplicate]
  8. How to align checkboxes and their labels consistently cross-browsers
  9. How can I vertically center a div element for all browsers using CSS?
  10. How to apply CSS to iframe?
  11. HTML iframe – disable scroll
  12. How to get an IFrame to be responsive in iOS Safari?
  13. overlay opaque div over youtube iframe
  14. Make Iframe to fit 100% of container’s remaining height
  15. Center aligning a fixed position div
  16. CSS – Make divs align horizontally
  17. Align labels in form next to input
  18. Remove border from IFrame
  19. HTML-Tooltip position relative to mouse pointer
  20. CSS – How to have children in different parents the same height?
  21. Center form submit buttons HTML / CSS
  22. How can I horizontally center an element?
  23. Responsive image align center bootstrap 3
  24. Remove scrollbar from iframe
  25. CSS align images and text on same line
  26. How to align footer (div) to the bottom of the page? [duplicate]
  27. CSS way to horizontally align table
  28. Align a div to center
  29. Media queries not working inside an iframe
  30. align images side by side in html

Leave a Comment