Text-align not working on flrxbox-align?

Question

css

I noticed that if you assign flrxbox-alignment to the block, then text-align ceases to work, that is, flexbox overlaps it.

Is it so?

Here is an example:

<span id='s'>текст</span>

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

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

- text is right-aligned despite text-align: left

Answer 1

A block with display: flex aligns its children as specified by justify-content.
In particular, a text node forms such a child. Inside the text node, the alignment is set by the text-align property, but since you have only one word there, this does not show up in any way.
And if you write more, you can see that the text is aligned to the left.
https://dabblet.com/gist/caa1046e016f52503fbb73663...