XHTMLforum - Einzelnen Beitrag anzeigen - Texte mit margin:auto

andir · #2 (**permalink**) 06.10.2006, 10:40

Nur so ein Gedanke:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Bild und Text</title>
<style type="text/css">
p, h1{
clear:left;
width:70%;
background: rgb(240,240,240);
max-width: 65ex;
margin-left: auto;
margin-right: auto;
margin-top: 1em;
}
img {
display: block;
float: left;
margin-left: 0;
border: 1px solid #000;
}
</style>

</head>
<body>
<div class="inhalt">
			<h1>Lorem ipsum dolor sit amet</h1>
		<p><img src="bild.gif" width="650"/>Textbereich zentriert und maximal 65 Zeichen breit . Bezug für Zeichenbreite ist der Fließtext. Bilder links ausgerichtet und ohne Beschränkung in
			der Breite. Textbereich zentriert und maximal 65 Zeichen breit . Bezug für Zeichenbreite ist der Fließtext. Bilder links ausgerichtet und ohne Beschränkung in
			der Breite.Textbereich zentriert und maximal 65 Zeichen breit . Bezug für Zeichenbreite ist der Fließtext. Bilder links ausgerichtet und ohne Beschränkung in
			der Breite.Textbereich zentriert und maximal 65 Zeichen breit . Bezug für Zeichenbreite ist der Fließtext. Bilder links ausgerichtet und ohne Beschränkung in
			der Breite.</p>
		
	
		<p><img src="bild.gif" width="300" />Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
			tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
			veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
			ea commodo consequat.Textbereich zentriert und maximal 65 Zeichen breit . Bezug für Zeichenbreite ist der Fließtext. Bilder links ausgerichtet und ohne Beschränkung in
			der Breite.Textbereich zentriert und maximal 65 Zeichen breit . Bezug für Zeichenbreite ist der Fließtext. Bilder links ausgerichtet und ohne Beschränkung in
			der Breite.</p>
	
</div>
</body>
</html>

Berichtige mich, wenn ich Dich falsch verstanden habe.
p hat jetzt die maximale Breite, für deine Aufgabenstellung scheint mir anderes nicht nötig.