Pb de position par Madaha - page 1

Bonjour je n'arrive pas a placer la 2e colonne du formulaire a sa place, est ce que vous pouvez m'aider car je n'ai pas compris pk.

Voila le code:

<!DOCTYPE>
	<html>
		<head> 
		<meta charset="utf-8"/>
		<link rel="stylesheet" href="CSSEXO3Formulaire.css"/>
		</head>
<body>
<header>
<h1> Emergency Contact Info </h1>
<select name="Action" id="Action">
	<option class="1">More Actions</option>
	</select><br>
</header>
<article></div class="Général"/>
<div class="1ereColonne"/>
<form method="post">
<br><label>First Name</label> : <input type="name" class="fname"/><br> <br>
<label>Last Name</label> : <input type="name" class="Lname"/><br> <br>
<label>Gender</label> : <select name="Gender" id="Gender" style="width:170px">
						<option class="Male"> Male </option>
						<option class="Female">Female</option>
						</select><br> <br>
<label>Date of Birth</label> <input type="datetime" placeholder="dd/MMM/yyyy"/> 
</form>
<h2> Medical Information </h2>
<form> 
<label> Hospital Reference </label> <input type="text"/><br> <br>
<label> Insurance Company </label> <input type="text"/><br> <br>
<label> Policy Number </label> <input type="text"/><br><br>
<label> Physicians nam </label> <input type="name"/><br> <br>
<label> Phone Number </label> <input type="number"/><br><br>
<label> Allergies (if any) </label> <textarea type="text" rows="10" cols="22"></textarea>
</form>
</div><div class="2emeColonne"/>
<form class="colonne">
<h2> Emergency Contact info </h2>
<label> Name </label><input type="name"/><br> <br>
<label> RelationShip </label> <input type="text"/><br><br>
<label> Adresse </label> <textarea type="text" rows="10" cols="22"></textarea><br> <br>
<label> City </label> <input type="text" /><br> <br>
<label> State </label> <select name="state" id="state" style="width:170px"><option class="4">-Select-</option></select><br> <br> 
<label> Work Phone </label><input type="number" class="Wphone"/><br> <br>
<label> Home Phone </label><input type="number" class="Hphone"/><br> <br>
</form></div>
</div>
</body>
</html>

le CSS

header
{background-color:#BD1AA2;
height:10%;}
#Action
{position:absolute;
top:3%;
left:26%;}
label
{display:block;
width:150px;
float:left;
}
.colonne
{ margin-left:50%;}
#Général
{display:flex;}

ce que je veux obtenir:

Pb de position

Pb de position

Supprimer

Modérer

Signaler le message aux modérateurs