Why inline-block is ingnored when using float

inline-block is ignored due to the float. If ‘float’ has a value other than ‘none’, the box is floated and ‘display’ is treated as ‘block’

1 Like

Because they way inline-block and float work are similar.

Take a look at this article.


I get it, I replaced float by text-align and kept inline block


Useful article thanks for sharing