aristosarseno
@aristosarseno
studying html css.

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

638643bfdb820122710664.jpeg

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

<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*/
  • Вопрос задан
  • 60 просмотров
Пригласить эксперта
Ответы на вопрос 1
noder_ss
@noder_ss
Человек хороший, вёрстка по душе
Попробуйте флексом.
.CafeImageText{
Width: 100%;
Display:flex;
Justify-content: space-between;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы