Abstand nach Zeilenumbruch?!

Status
Nicht offen für weitere Antworten.

NetPerformance

Erfahrenes Mitglied
Hallo,

wie in der Abbildung (s.h. Anhang) zu sehen ist, fängt die Zeile nach dem Zeilenumbruch nicht links an.

Wie kann ich die Zeile nach links einrücken ?

Gruß und Danke im Vorraus
Aaron


Quelltext:

Code:
<html>
<head>

<style type="text/css">
	.container {
		padding: 5px;
		border: 2px solid #000000;
	}
	.imageLeft .image {
		float: left;
		padding-right: 30px;
	}
	.imageLeft .headline {
		font-weight: bold;
		padding-bottom: 5px;
	}
	.imageLeft .caption {
		font-style: italic;
		padding-bottom: 5px;
	}
	.clear {
		clear: both;
	}
</style>

</head>
<body>

<div class="container">
	<div class="body">
		<div class="imageLeft">				
			<div class="headline">Headline</div>				
			<div class="image">	
				<img src="http://images.google.de/intl/de_ALL/images/images_hp.gif">
				<br/><span class="caption">Caption</span>
			</div>
			<div class="content"><ol><li>element1 element1 element1 element1 element1 element1 element1 element1 element1 element1 element1 </li></ol><ul><li>element 2 element 2 element 2 element 2 element 2 element 2 element 2 element 2 element 2 element 2 element 2 element 2 element 2 element 2 </li></ul></div>
			<div class="clear"></div>
		</div>
	</div>	
</div>	


</body>
</html>
 

Anhänge

  • css.jpg
    css.jpg
    38,8 KB · Aufrufe: 943
Hi,

die voreingestellten Polsterungseigenschaften des Listenelements müssen noch auf null zurückgesetzt werden:

CSS:
.content ol, .content ul {
margin:0;
padding:0;
}


mfg Maik
 
Status
Nicht offen für weitere Antworten.
Zurück