Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Inline Block Elements White Space Collapsing Re: Inline Block Elements White Space Collapsing

#103637
MacNimble
Member

Hello @joshuanhibbert,

Thanks for your feedback. Negative letter spacing was not a sufficient workaround for the issue as I encountered it. I appreciate your input and had a look at the overlapping elements issue you mentioned.

I was able to reduce my code (for my purposes) to these lines:

ul {
display: table;
font-size: 0rem;
width: 100%;
}
li {
display: inline-block;
font-size: 1rem;
}

That solved the issue in all my target browsers. Fiddle with it if you like — (Note: the IE-specific code was moved to a separate IE-targeted stylesheet).