Как сдвинуть один элемент в конец?

Question

[aristosarseno]

Как сделать так чтобы элемент "Показать все" был в конце, а "С НАМИ РАБОТАЮТ" в начале

<div class="box CafeImageBlock "><!-- START-->
            <div class="CafeImageText">
              <div class="TextCorrect">С НАМИ РАБОТАЮТ:</div>
              <div class="BordSeeAll TextCorrect">Показать все</div>
            </div>

            <div class="CafeImage">
              <img src="images/anechka.png" alt="" class="" width="258" height="46">
              <img src="images/steiton.png" alt="" class="" width="185" height="67">
              <img src="images/gurman.png" alt="" class="" width="273" height="68">
              <img src="images/beiroot.png" alt="" class="" width="254" height="89">
            </div>
          </div><!-- END-->

/*CafeImageBlock START*/

.CafeImageBlock{
  display: flex;
  flex-direction: column;
}
.CafeImageText{
  display: flex;
}

.BordSeeAll{
  color: white;
  background-color: rgb(251, 187, 78);
  height: 20px;
  width: 100px;
  font-family: 'Roboto Flex', sans-serif;
}
/*CafeImageBlock END*/

Comments

[Froggyweb]

в зависимости от html и css/ картинка просто для информативности.
песочница здесь

[aristosarseno]

Froggyweb, Выгрузил код

[ProjectSoft]

.CafeImageText {
    display: flex;
    justify-content: space-between;
}

[aristosarseno]

ProjectSoft, не, я уже пробовал. Не работает

[ProjectSoft]

aristosarseno, точно не работает???

spoiler

Answer 1

[Noder SS]

Попробуйте флексом.

.CafeImageText{
Width: 100%;
Display:flex;
Justify-content: space-between;
}