Padding the top and the bottom of inline element

by

Use inline-block instead. Add these properties to all the elements on which you want to add padding. For example:

a:link {
display: inline-block;
display: -moz-inline-box;
-moz-box-orient: vertical;
vertical-align: top;
zoom: 1;
*display: inline;
}

More Related Contents:

  1. Setting the width of inline elements
  2. A Space between Inline-Block List Items [duplicate]
  3. Is it wrong to change a block element to inline with CSS if it contains another block element?
  4. Margin-Top push outer div down
  5. display: inline-block extra margin [duplicate]
  6. Problems with CSS sticky footer
  7. Add centered text to the middle of a horizontal rule [duplicate]
  8. White space at bottom of anchor tag
  9. 100% Min Height CSS layout
  10. Making the main scrollbar always visible
  11. Remove outline from select box in FF
  12. How to make div occupy remaining height?
  13. Change checkbox check image to custom image
  14. display:inline with margin, padding, width, height
  15. Specifying Tab-Width?
  16. How to use an tag inside a in the middle of a text? [duplicate]
  17. Stretching tag to fill entire
  18. HTML list-style-type dash
  19. Table vertical header?
  20. What’s the point of valid CSS/HTML?
  21. Block Level Elements inside Inline elements [duplicate]
  22. Table with table-layout: fixed; and how to make one column wider
  23. Bold tag breaking the divs?
  24. How can you customize the numbers in an ordered list?
  25. Style input element to fill remaining width of its container
  26. 404 page not found – Go rendering css file
  27. Change the color of glyphicons to blue in some- but not at all places using Bootstrap 2
  28. Is there any way to add padding to select options via CSS?
  29. Making a div that covers the entire page
  30. How to calc() the number of rows in a grid template?

Leave a Comment