Sometimes, we want to remove the space between inline or inline-block elements with CSS.
In this article, we’ll look at how to remove the space between inline or inline-block elements with CSS.
How to remove the space between inline or inline-block elements with CSS?
To remove the space between inline or inline-block elements with CSS, we use flexbox.
For instance, we write
ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
to make the ul element a flex container with display: flex;
.
Then the li elements inside the ul element will be displayed side by side.
Conclusion
To remove the space between inline or inline-block elements with CSS, we use flexbox.