How to use text-align with inline-block?

I know I can use float to align items left or right but I’m trying to use inline-block to float my ul to the right of the container:

https://codepen.io/El_Escandalo/pen/BaoRgbr?editors=1100

Does text-align not work with inline-block?

Float the left aligned string or block to the left, then with overflow:hidden on the content it will automatically take up the remaining space and you can text - align it how you want
i just googled that one

1 Like