Positionner 3 éléments à droite du conteneur FLEX

**Tamzoro** · 07/05/2021, 17h10

Bonjour,

J'essaye de mettre ma liste déroulante et deux autres éléments vers la droite et je n'y arrive pas. Je ne parviens pas à comprendre d'où pourrait provenir le problème?
Je pense que faire simplement un float: right et un margin-right: 20px aurait été suffisant mais visiblement non.

Voici une idée de mon code HTML

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
  <div class="header-page text10">
    <div class="header-left"><i class="far fa-calendar"></i>138 running days</div>
    <div class="header-left"><i class="far fa-envelope"></i>admin@superbtc.biz</div>
    <select name="dropDown-languages" id="dropDown-languages">
      <option value="english">English</option>
      <option value="french">French</option>
    </select>
    <div class="header-right"><i class="fas fa-angle-right"></i> deposit</div>
    <div class="header-right"><i class="fas fa-angle-right"></i> paidout</div>
  </div>

Et voici mon code CSS, je ne sais pas ce qu'il me manque concrètement?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
...
.header-page {
  display: flex;
  flex-flow: row wrap;
  background-color: aqua;
  height: 20px;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 150px;
  }
 
.header-left {
  padding-left: 14px;
 
}
 
.header-right { 
  padding-right: 20px;
}
 
 
#dropDown-languages {
  width: 75px;
  height: 20px;
}

Un grand merci pour votre aide.