blob: 56693a937bc1af9262e728b4e9823473f73ea851 (
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
|
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.contain {
background: aqua; color: black;
height: 10px; margin: 2px 50px;
}
.fl, .fr { height: 5px; }
.fl { float: left; width: 56px; }
.fr { float: right; width: 73px; }
.t { overflow: hidden; background: blue; height: 5px; width: 85px;
border-left: 1px solid blue; padding-left: 2px;
padding-right: 4px; border-right: 8px solid blue; }
</style>
</head>
<body style="width: 400px" onload="document.getElementById('p').nextSibling.data = ' ';">
<div class="contain">
<div class="fl" id="p"></div>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<div class="fr"></div>
</div>
<div class="contain">
<div class="fl"></div>
<div class="t"></div>
</div>
</body>
</html>
|
