blob: 96a3a47b2a29936d4a20423eccd214943951a84d (
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
|
<!DOCTYPE html>
<script>
onload = function() { document.scrollingElement.scrollLeft = 150 - 10; }
</script>
<style>
body { margin:10px; }
</style>
<p style="position:fixed; top:0;">Below there should be a green square with a black border, and no red.</p>
<div style="margin-top:5em; -webkit-columns:3; -webkit-column-gap:50px; column-fill:auto; height:200px; line-height:100px;">
<div style="width:130px; height:100px; background:red;"></div>
<br>
<br>
<br>
<br>
<br>
<div style="float:left; width:100px; height:100px; box-sizing:border-box; border:3px solid black; background:green;"></div>
<div style="float:left; width:10px; height:100px; background:red;"></div>
<br>
<br>
<br>
<br>
<br>
</div>
|
