Align image in center and middle within div

by 
body {
  margin: 0;
}

#over img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
<div id="over" style="position:absolute; width:100%; height:100%">
  <img src="http://www.garcard.com/images/garcard_symbol.png">
</div>

JSFiddle

More Related Contents:

  1. How to transform each side of a shape separately?
  2. Bootstrap 3 Flush footer to bottom. not fixed
  3. Darken CSS background image? [duplicate]
  4. How to stretch div height to fill parent div – CSS
  5. Is there an equivalent of CSS max-width that works in HTML emails?
  6. CSS Inset Borders
  7. Responsive table handling in Twitter Bootstrap
  8. Styling the last td in a table with css
  9. How might I force a floating DIV to match the height of another floating DIV?
  10. vertical-align: middle doesn’t work
  11. Is it alright to use multiple h1 tags on the same page, but style them differently? [closed]
  12. Convert RGBA to HEX
  13. Making part of a div transparent
  14. Using cm/mm on the CSS of a web app that replicates paper interaction is a good practice?
  15. Make flex container take width of content, not width 100%
  16. In which order are CSS styles applied?
  17. Using attr(data-icon) property to display unicode before element
  18. Submit Button Image
  19. justify-content: space-between failing to align elements as expected
  20. CSS nth-match doesn’t work
  21. CSS Grid with variable number of “auto” rows, but one row should take “1fr”
  22. Why is my background color not showing if I have display: inline?
  23. When to use CSS positioning?
  24. center inside a with CSS
  25. How to make rounded border in IE8 with CSS?
  26. How to create a ribbon shape in CSS
  27. Targeting text nodes with CSS
  28. Markdown and image alignment
  29. How to get equal width of input and select fields
  30. CSS – make div’s inherit a height

Leave a Comment