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’
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