How can I fit all the text inside a div with CSS shape style?
And smaller the font size if needed if the text is long.
All text should be visible, readable, staying inside the shape.

Trying to make CSS shape shown in the picture that has these compartments. I want to fit in a container or span in each of these compatments. Those grid lines shall seperate the containers or span from each other.

I’m building a wizard-like ordering process where I have this menu: