1 <html lang="en">
2
3 <head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <meta http-equiv="X-UA-Compatible" content="ie=edge">
7 <title></title>
8 <style>
9 .big {
10 width: 400px;
11 height: 300px;
12 background: navy;
13 margin: 0 auto;
14 position: relative;
15 }
16
17 .small {
18 width: 100px;
19 height: 100px;
20 background: violet;
21 position: absolute;
22 top: 50%;
23 left: 50%;
24 margin-top: -50px;
25 margin-left: -50px;
26 }
27 </style>
28 </head>
29
30 <body>
31 <div class="big">
32 <div class="small"></div>
33 </div>
34 </body>
35
36 </html>
