Как прижать один элемент по горизонтали вправо с помощью flexbox, не затрагивая остальные элементы?

#html #css #css3 #html5

Не могу прижать один блок к правой стороне с помощью флексбокс, помогите.

Кода у меня нет, просто я не знаю как это сделать. 

Как управлять одним единственным элементов по горизонтали во flexbox?

Нужно прижать блок header__contacts вправо на медиа запросах

.header__top-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.header__navigation {
    flex-grow: 1;
}

.header__contacts {
    color: #fff;
    font-family: 'MuseoSansCyrl-900';
    font-size: 16px;
    background: url(../img/header_contacts-icon.png) no-repeat left center;
    padding-left: 40px;
}

    

Ответы

Ответ 1

Последнему элементу можно указать margin-left:auto



.c {
  display: flex;
  border: 1px solid black;
}

.el {
  border: 1px solid black;
  width: 50px;
  height: 50px;
}

.el:last-child {
  margin-left: auto;
}

  
1
  
2
  
3
  
4
  
5