summaryrefslogtreecommitdiff
path: root/legacy/works/floats-block-formatting-context2.html
blob: cfbe7810bbaca37231ea0b781d2f9d9a60f7231f (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>

<style type="text/css">
div#leftcol {
	float: left;
	width: 150px;
	height: 300px;
	border: 1px solid black; }

div#rightcol {
	float: right;
	width: 200px;
	height: 300px;
	border: 1px solid black; }

div#centercol {
	overflow: hidden;
	margin:0 50px;
	background: #eee; }
</style>

</head>
<body>

	<div id="leftcol">
		Left float
	</div>

	<div id="rightcol">
		Right float
	</div>

	<div id="centercol">
		Block formatting context Block formatting context
		Block formatting context Block formatting context
		Block formatting context Block formatting context
		Block formatting context Block formatting context
		Block formatting context Block formatting context
		Block formatting context Block formatting context
		Block formatting context Block formatting context
		Block formatting context Block formatting context
		Block formatting context Block formatting context
		Block formatting context Block formatting context
		Block formatting context Block formatting context
	</div>
</body>
</html>