Text-align does not work when flrxbox-alignment?

I noticed that if block to assign flrxbox-alignment the text-align is no longer valid, that is, flexbox overlaps it.

Is it really so?

Here's an example:
<span id='s'>text</span>

#s {
width: 400px;
border: 1px solid red;
display: flex;

justify-content: flex-end;
text-align: left;
}


— the text is aligned to the right, despite the fact that text-align: left
April 19th 20 at 12:33
1 answer
April 19th 20 at 12:35
Solution
Block display: flex align their children as specified in justify-content.
In particular, a text node, it forms a child. Inside the book node alignment is set with the text-align property, but since you have there is just one word, it does not manifest itself.

And if you write more, you will see that the text is left-aligned.
https://dabblet.com/gist/caa1046e016f52503fbb73663...

Find more questions by tags FlexboxCSS