Tutorial-Probleme mit "float"-Befehl von Stefan, 26.04.2015 16:22

Tutorial-Probleme mit "float"-Befehl

Stefan 26.04.2015 16:22

html

Hallo zusammen,

ich bin blutigster .html-Anfänger und habe das Tutorial einmal durchgearbeitet.

Alles hat wunderbar funktioniert, bis auf das Attribut : float.

Wenn ich die Seite im Chrome / Internet Explorer darstellen lasse, wird der Blindtext nach wie vor unter der Box dargestellt. Ich habe einmal den Code aus dem Tutorialfenster kopiert und eingefügt... Leider keine Verbesserung.

im Folgenden meine Codes:

Index.html:

<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title> Buble Maschinenbau, )</title>
	<link rel="stylesheet" href="formate.css" type="text/css">
</head>
<body>
	<ul>
		<li> Startseite </li>
		<li> <a href="html/preistabelle.html"> Unsere Preise </a> </li>
		<li> <a href="html/bilder.html"> Produktbilder </a> </li>
	</ul>
	<h1> Willkommen bei der Gebr. Buble Maschinenbau GmbH </h1>
	<p> Wir sind führender Hersteller  </p>
	<p> Besser als wir ist keiner </p>
	<p></p>
	<h2> Im Folgenden ein Teil unserer Produkte</h2>
	
	<p>PalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaver</p>
	<div id="leistungen">
	<ul>
		<li>Flachgurtförderer</li>
		<li>Kurvenförderer
			<ul>
				<li>AB200</li>
				<li>Ab300</li>
				<li>AB400</li>
			</ul></li>
		<li>Schiebestrecken</li>
		<li>Gurtwaschvorrichtungen</li>
		<p> Telefon: 0152 184775 </p>
	</ul>
	</div>
	<p> PalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaver</p>
	<p> PalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaverPalaverpalaver</p>
	</body>

</html>

p {font-size:1.5em;text-align:justify; font-family:sans-serif;}
h1{font-size:2.5em; background-color:orange;text-align:center; font-family:cursive;}
h2{font-size:2.2em; background-color:red; text-align:center; font-family:cursive;}
li {font-size:1.7em;}
li li{font-size:1em;}
tr {font-size:1.7em;}

#leistungen { border-width: bold;
			  border-style: double;
              background-color: lime;
              padding-right: 0.5em;
              Float: left;
              margin-right: 1em;
}
#leistungen p {font-family:serif;
			  text-align:right;
			  font-size:2em
			  }