Why my inline-block divs are not aligned when only one of them has text? [duplicate]

by

Adding:

vertical-align: bottom;

To your second rule should make it work. Apparently, inline-blocks with no text are rendered as inline-images or something else, and the vertical-align of these elements are incorrect, so forcing them to be aligned to bottom fixes the issue.

Source: inline-block element with no text renders differently

More Related Contents:

  1. how to align the image to the center? [closed]
  2. How to horizontally center an element
  3. Set cellpadding and cellspacing in CSS?
  4. Vertically align text next to an image?
  5. How to center an element horizontally and vertically
  6. Best way to center a on a page vertically and horizontally? [duplicate]
  7. How to align 3 divs (left/center/right) inside another div?
  8. Does UL have default margin or padding [duplicate]
  9. How to align checkboxes and their labels consistently cross-browsers
  10. How can I vertically center a div element for all browsers using CSS?
  11. Center aligning a fixed position div
  12. CSS – Make divs align horizontally
  13. Align labels in form next to input
  14. HTML-Tooltip position relative to mouse pointer
  15. CSS – How to have children in different parents the same height?
  16. Center form submit buttons HTML / CSS
  17. How can I horizontally center an element?
  18. How to center an iframe horizontally?
  19. Responsive image align center bootstrap 3
  20. CSS align images and text on same line
  21. How to align footer (div) to the bottom of the page? [duplicate]
  22. CSS way to horizontally align table
  23. align images side by side in html
  24. How can I make this background to see full?
  25. How to make an element width: 100% minus padding?
  26. With CSS, use “…” for overflowed block of multi-lines
  27. What is quirks mode?
  28. Bootstrap 4 – Responsive cards in card-columns
  29. vs. font-weight:bold & vs. font-style:italic
  30. Why is my .sticky-top class not working in Bootstrap 4?

Leave a Comment