Revision control

1
<!DOCTYPE html>
2
<html>
3
<head>
4
<style>
5
div {
6
left: 0;
7
top: 0;
8
position: absolute;
9
height: 100px;
10
}
11
12
.mask {
13
/* We add an extra pixel to account for rounding errors */
14
width: 51px;
15
background-color: red;
16
}
17
18
#target {
19
width: 100px;
20
background-color: black;
21
transform: translateX(50px);
22
}
23
24
#right {
25
left: 149px;
26
}
27
</style>
28
</head>
29
<body>
30
<div id="target"></div>
31
<div id="left" class="mask"></div>
32
<div id="right" class="mask"></div>
33
</body>
34
</html>