blob: ef6396c2343a0f2f92de163ec85a41270cd50093 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
<!DOCTYPE html>
<style>
.columns {
border:2px solid black;
height:300px;
}
.block {
width: calc(50% - 10px);
height: 200px;
background-color:purple;
}
.left { float: left; }
.right { float: right; }
</style>
The two purple rectangles below should both be at the top of their columns. If one is lower than the other, than the test has failed.
<div class="columns">
<div class="block left"></div>
<div class="block right"></div>
</div>
|
