Issue in Flex with text

[yoyo]

Guys

I am facing a issue in flex with <sup> text. I have used display:flex in child elements in order to align them vertically middle so the <sup> text itself is a child of a flex element which makes them aligned differently. any ideas to make the <sup> text asusual at the end of text ?

Here is the pen.

Thanks

[Beverleyh]

Enclose all the stuff inside p in another element so that the wrapper element becomes the child;

<p> 
<span>text text text <sup>xxx</sup></span>
</p>

sup would now be a child of a flex-child, and therefor out of the scope of this flex context.

[yoyo]

Yeah working. Thanks @Beverleyh

[Author]

Posts