tests/html/incremental_float.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<!DOCTYPE html>
<style>
.float {
    float: right;
}
.bad {
    display: inline-block;
    background-color: gray;
    height: 30px;
    width: 30px;
}
.bad:hover {
    opacity: .85;
}
</style>
<div class=float>
    <a class="bad"></a>
</div>
<p style="clear: both">Mouse over the preceding gray square. It should change color but remain in place.</p>