Center an Image vertically and horizontally using CSS

by

Pretty easy, this is the format of all my images/containers:

<div class="photo"><img /></div>
<style type="text/css">
  div.photo { height: 100px; line-height: 100px;text-align:center; }
  div.photo img { vertical-align:middle;}
</style>

More Related Contents:

  1. How can I modify with css an image appended with javascript?
  2. How to silently hide “Image not found” icon when src source image is not found
  3. Disable dragging an image from an HTML page
  4. How to display an chage photo option on mouse hover similar to linkedin using Javascript? [closed]
  5. Input type="text" with select functionality after clicking on Input type="text"
  6. jQuery .animate function not responding properly
  7. How to force browser to show image 3 inches wide?
  8. Reloading a single div in an html page [closed]
  9. Javascript Execute message when mouse is on left side of page [closed]
  10. how to proportionally scale a div with images inside?
  11. fixing slider on my website [closed]
  12. Can I use HTML tags in the options for select elements? [duplicate]
  13. Clear icon inside input text
  14. Hide scrollbar while still being able to scroll with mouse/keyboard [duplicate]
  15. make html text input field grow as I type?
  16. how to disable DIV element and everything inside [duplicate]
  17. Creating a select box with a search option
  18. Load HTML page dynamically into div with jQuery
  19. jQuery position DIV fixed at top on scroll
  20. How to define the css :hover state in a jQuery selector?
  21. Fill available spaces between labels with dots or hyphens
  22. How to resize Twitter Bootstrap modal dynamically based on the content
  23. Uncaught TypeError: Cannot read property ‘top’ of undefined
  24. Extracting text from a contentEditable div
  25. Print repeating Page headers in Chrome [closed]
  26. Retain scrollbar position even after reloading using javascript
  27. How do you swap DIVs on mouseover (jQuery)?
  28. Change background on button click, using CSS only? [duplicate]
  29. Jquery/Javascript Opacity animation with scroll
  30. Can I save input from form to .txt in HTML, using JAVASCRIPT/jQuery, and then use it?

Leave a Comment