How to set positioning for text blocks according to BEM?

Question

Layout

There are two identical text blocks .text Both blocks have a parent block .sait It is clear that positioning for them is set through .sait__text But the problem is, one block should be located on the right and the other on the left. Can you please tell me how to correctly set the right and left positioning in BEM? After all, there is only one .sait__text.

Answer 1

<div class="sait">
    <div class="sait__text sait__text--one">left</div>
    <div class="sait__text sait__text--two">right</div>
</div>

.sait {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
}