Beispiel:Blockformatierungskontext2.html
Aus SELFHTML-Wiki
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bockformatierungskontext - 2</title>
<style>
body {
background-color: #fbb;
}
main {
background: lightgreen;
max-width: 40em;
}
section#a {
}
aside {
float: left;
width: 10em;
background-color: #cff;
padding: 0.25em;
margin: 0.25em;
}
p {
background-color: #ffc;
overflow:hidden;
}</style>
</head>
<body>
<main>
<aside>
BFC-2<br>Das ist ein aside. Das ist ein aside.
</aside>
<section id="a">
<p>Das ist ein Paragraph. Das ist ein Paragraph. Das ist ein Paragraph. Das ist ein Paragraph. Das ist ein Paragraph. Das ist ein Paragraph. Das ist ein Paragraph. Das ist ein Paragraph. Das ist ein Paragraph. Das ist ein Paragraph. Das ist ein Paragraph. Das ist ein Paragraph. Das ist ein Paragraph. Das ist ein Paragraph. Das ist ein Paragraph. Das ist ein Paragraph. Das ist ein Paragraph. Das ist ein Paragraph. Das ist ein Paragraph. Das ist ein Paragraph. Das ist ein Paragraph.</p>
<p>Das ist ein Paragraph. Das ist ein Paragraph. Das ist ein Paragraph. Das ist ein Paragraph. Das ist ein Paragraph. Das ist ein Paragraph. Das ist ein Paragraph.</p>
<p>Das ist ein Paragraph. Das ist ein Paragraph. Das ist ein Paragraph. Das ist ein Paragraph. Das ist ein Paragraph. Das ist ein Paragraph. Das ist ein Paragraph.</p>
</section>
<section id="b">
Dies ist ein anderer Text
</section>
</main>
</body>
</html>
