CSS – center two images in css side by side

by

Try changing

#fblogo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 30px; 
}

to

.fblogo {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    height: 30px; 
}

#images{
    text-align:center;
}

HTML

<div id="images">
    <a href="https://stackoverflow.com/questions/11819417/mailto:[email protected]">
    <img class="fblogo" border="0" alt="Mail" src="http://olympiahaacht.be/wp-content/uploads/2012/07/email-icon-e1343123697991.jpg"/></a>
    <a href="https://www.facebook.com/OlympiaHaacht" target="_blank">
    <img class="fblogo" border="0" alt="Facebook" src="http://olympiahaacht.be/wp-content/uploads/2012/04/FacebookButtonRevised-e1334605872360.jpg"/></a>
</div>​

DEMO.

More Related Contents:

  1. Adding a styled CSS button
  2. How can I make Bootstrap columns all the same height?
  3. Make a div span two rows in a grid
  4. What’s the difference between align-content and align-items?
  5. What is a user agent stylesheet?
  6. Any recommendations for a CSS minifier? [closed]
  7. How do I center align horizontal menu?
  8. How to change flexbox wrap?
  9. What is the difference between px, em and ex?
  10. Styling Google Maps InfoWindow
  11. Ordering of vendor-specific CSS declarations
  12. What are the default top, left, botton or right values when position:absolute is used?
  13. How to use Font Awesome from webjars.org with JSF
  14. How to force Chrome browser to reload .css file while debugging in Visual Studio?
  15. How to import fonts in CSS?
  16. Why does CSS float not change the width of the following div?
  17. SVG gradient using CSS
  18. Change scrollbar height
  19. What are allowed values of the `display` property for a flex-item? (layout of flex-item’s children is irrelevant)
  20. How to position a div in the middle of the screen when the page is bigger than the screen
  21. Zoom control and streetview not showing on my Google map?
  22. background-size in shorthand background property (CSS3)
  23. Difference between the selectors div + p (plus) and div ~ p (tilde)
  24. How do I remove blue “selected” outline on buttons?
  25. “text-decoration” and the “:after” pseudo-element, revisited
  26. Vertically and horizontally centering text in circle in CSS (like iphone notification badge)
  27. CSS width 100% OR max-width in pixels
  28. Using SVG as background image
  29. What is the difference between background-size: cover; and background-size: 100%;?
  30. Are alternate nested styles possible in CSS?

Leave a Comment