display:inline resets height and width

by

Inline objects don’t have heights or widths. Why are you setting them inline to begin with? You probably want to either float them or use display: inline-block.

More Related Contents:

  1. Can I have multiple background images using CSS?
  2. SVG data image not working as a background-image in a pseudo element
  3. Using CSS for a fade-in effect on page load
  4. Why bottom:0 doesn’t work with position:sticky?
  5. what exactly is device pixel ratio?
  6. Why isn’t it possible to combine vendor-specific pseudo-elements/classes into one rule set?
  7. z-index is canceled by setting transform(rotate)
  8. Centering brand logo in Bootstrap Navbar
  9. Twitter Bootstrap Multilevel Dropdown Menu
  10. CSS selector for attribute names based on a wildcard
  11. How to create equal height columns in pure CSS [duplicate]
  12. GWT theme style overrides my css style
  13. What does an “&” before a pseudo element in CSS mean?
  14. Removing display:flex adds spaces around a link. Why?
  15. Any way to remove IEs black border around submit button in active forms?
  16. Circle with two borders
  17. CSS for star ratings via FontAwesome
  18. Multiple descendant children selector with css [duplicate]
  19. How does the CSS specificity work? [duplicate]
  20. Create a row of flexbox items with a max height defined by one child [duplicate]
  21. Transparent hollow or cut out shape in HTML
  22. Can we change style? [duplicate]
  23. Pass function or mixin by reference in SASS
  24. Why box-sizing is not working with width/height attribute on canvas element?
  25. Center fixed div with dynamic width (CSS)
  26. CSS: transform: translate(-50%, -50%) makes texts blurry [duplicate]
  27. CSS: Left, Center, & Right Align Text on Same Line
  28. Row Wrap in flex-box not wrapping in Safari
  29. minmax fails (invalid property value)
  30. Select specific element before other element

Leave a Comment