![]() To get the text and icon aligned perfectly in the center, it’s tempting to do like. Take the example of buttons-with-icons, like this: With the display values inline-flex and inline-grid, you’ll get all the same good behavior that you will from inline-block, but the elements (often buttons) can benefit from a stronger inline layout system. But… Don’t forget inline-flex and inline-grid So yeah, inline-block makes pretty good sense on buttons I’d say. Things get worse when wrapping starts to happen with inline buttons: Here’s a demo that: The padding from the inline buttons breaks them out of the container, which is a little weird. So, while the buttons themselves are pretty much styled just fine, the parent element and surrounding text probably isn’t.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |