blob: 5bb6b9a95ce2d7a0e4d8ab4763a99d3034fac52d (
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
|
<!DOCTYPE html>
<style>
.container {
border: 1px dashed blue;
height: 200px;
width: 560px;
box-sizing: content-box;
}
.container > div {
float: left;
width: 40px;
margin: 10px 20px 30px 40px;
border-width: 20px 30px 40px 50px;
padding: 30px 40px 50px 60px;
border-style: dotted;
}
.container > div:nth-child(1) { background: yellow; }
.container > div:nth-child(2) { background: purple; }
</style>
<div class="container">
<div></div>
<div></div>
</div>
|
