Guardian: Float bei Formularen

Beitrag lesen

Float left funktioniert nicht. Die <p> tags werden einfach untereinander dargestellt. Warum? Bildbeschreibung

#div1	 	{
		text-align:center; 
		font-size:50px;
		}

#header {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width:800px;	
	
		}
#rahmen	{
		width:800px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		border:1px solid black;
		}
#fieldset1 {	border:0px;
			width:200px
		   }

#prob_art	{
			font-size:12px;
			width:200px;
			text-align:left;
			}
p{float:left;}
<!DOCTYPE html>
 
<html>
 
<head>
	<meta charset="UTF-8" />
	<title>BG</title>
	<meta name="description" content="Kurzbeschreibung" />
 
	<link href="style.css" type="text/css" rel="stylesheet" />
 
</head>
 
<body>
<div id="rahmen" >
	<img src="header2.gif" id="header">
	<div>Berechnungsgrundlagen</div>

	<div>
		<form action="radio.html" id="prob_art">
		  
		  <p>
		  Probematerial Art angeben			
			<fieldset id="fieldset1">
				<input type="radio" id="1" name="Art_des_Materials" value="1"><label for="1"> größere Objekte</label><br> 
				<input type="radio" id="2" name="Art_des_Materials" value="2"><label for="2"> </label><br> 
				<input type="radio" id="3" name="Art_des_Materials" value="3"><label for="3"> </label> <br>
				<input type="radio" id="4" name="Art_des_Materials" value="4"><label for="4"> </label> 
			  </fieldset>
		  </p>
		  
		  <p>
		  Benötigte Menge Probematerial 
			  <fieldset id="fieldset1">
				<input type="Text" id="1" name="1" value=""><label for="1"></label><br> 
				<input type="Text" id="2" name="2" value=""><label for="2"></label><br> 
				<input type="Text" id="3" name="3" value=""><label for="3"> </label> <br>
				<input type="Text" id="4" name="4" value=""><label for="4"> </label> 
			  </fieldset>
		  </p>
		  
		  <p>
		  benötigte Menge Probematerial störungsfreier Abnahmelauf
			  <fieldset id="fieldset1">
				<input type="Text" id="1" name="1" value=""><label for="1"></label><br> 
				<input type="Text" id="2" name="2" value=""><label for="2"></label><br> 
				<input type="Text" id="3" name="3" value=""><label for="3"> </label> <br>
				<input type="Text" id="4" name="4" value=""><label for="4"> </label> 
			  </fieldset>
		  </p>
		  
		  
		</form>
	</div>
</div>
 </body>
</html>

ich hoffe ihr könnt mir helfen!

Danke schonmal im vorraus!