There’s also the option of display: inline-block, which might give you the best of both worlds.
More Related Contents:
- A Space between Inline-Block List Items [duplicate]
- Is it wrong to change a block element to inline with CSS if it contains another block element?
- Margin-Top push outer div down
- display: inline-block extra margin [duplicate]
- Problems with CSS sticky footer
- Add centered text to the middle of a horizontal rule [duplicate]
- White space at bottom of anchor tag
- 100% Min Height CSS layout
- Making the main scrollbar always visible
- Remove outline from select box in FF
- How to make div occupy remaining height?
- Change checkbox check image to custom image
- display:inline with margin, padding, width, height
- Specifying Tab-Width?
- How to use an tag inside a in the middle of a text? [duplicate]
- Stretching tag to fill entire
- Padding the top and the bottom of inline element
- HTML list-style-type dash
- Table vertical header?
- What’s the point of valid CSS/HTML?
- Block Level Elements inside Inline elements [duplicate]
- Table with table-layout: fixed; and how to make one column wider
- How do I position one image on top of another in HTML?
- Why do browsers think this tag isn’t immediately ended?
- Styling an anchor tag to look like a submit button
- CSS data attribute new line character & pseudo-element content value
- CSS grid wrapping
- How can I create a row-based masonry layout using CSS?
- Why using absolute position causes the div to be on top?
- How to flatten nested divs to display them in a CSS grid?