Div à coté d'une autre

Bonjour tout le monde,

Je suis débutant en css et j'aimerais savoir comme mettre mes deux div "donnees_integ" et "donnees_prod" l'une à coté de l'autre.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<form name="form"  id="formulaire" method="post">
         <div class="donnees">
          <div class="donnees_integ"> 
            <div class="provisioning">
                    <form>
                        <label> Provisioning Proxy *</label>
                        <input type="radio" name="responseProvI" value="1"> Yes
                        <input type="radio" name="responseProvI" value="0"> No
                    </form>
 
                     </div>
                 </div>
                 <div class="donnees_prod">   
            <div class="provisioning">
                    <form>
                        <label> Provisioning Proxy *</label>
                        <input type="radio" name="responseProvI" value="1"> Yes
                        <input type="radio" name="responseProvI" value="0"> No
                    </form>
 
                    </div>
                 </div>
              </div>

Merci à vous.

Désolé pour les indentations elles se sont pas mises

Bonjour,

Ceci par exemple :

Code:

1
2
3
4
5
6
7
8
.donnees_integ{
    float:left;
    width:50%;
}
.donnees_prod{
    float:left;
    width:50%;
}

Code:

1
2
3
4
5
6
 
.donnees {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

C'est moderne, c'est propre, c'est adapté.