How to put span in 2 lines?

Hello everybody.
A simple example. https://codepen.io/Dante_Morissett/pen/gBgKMW
Markup is .wrap-text has absolute positioning and I added Flex to put 2 span(a) to 2 lines. But I do not understand why span is stretched to the full height of the block. How can this be avoided?
Need 2 span(a) was in a column
fish1
fish2
March 12th 20 at 07:56
1 answer
March 12th 20 at 07:58
Solution
add to .wrap-text {flex-direction: column}
Thanks for the advice. I've already done that. How to do that would have the element behaved as span and not stretched on the entire length of the container - Dante_Morissett commented on March 12th 20 at 08:01
align-items flex-start - Rickey_Nader commented on March 12th 20 at 08:04

Find more questions by tags HTMLCSS