Web-coding/calculator.html at master · vishqaz/Web-coding · GitHub

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html lang="en">
<head>

    <title>Document</title>
    <style>
  #container{
      width:80%;
      border:1px solid black;
      height:1000px;
      margin:auto;
  } #container > h1{
  text-align: center;
  font-size: 50px;
  color: teal;
  }
  #container>div{
      width:40%;
      height:500px;
      border:1px solid red;
      margin:auto;
      margin-top:50px;
      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

  }
  #container>div>div:first-child{
      width:70%;
      height:60px;
      border:1px solid black;
      margin:auto;
      margin-top:50px;
      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
      border-radius:10px;
  }
  #container>div>div>div{
      width:70%;
      height:60px;
      border:1px solid black;
      margin:auto;
      margin-top:15px;


  }
  /* #container>div>div~div~div{
      width:23%;
      height:100%;
      border:1px solid red; */
      #container>div>div>div>div{
      width:23%;
      height:100%;
      border:1px solid red;
  }
    </style>
</head>
<body>
    <div id="container">
     <h1> Masai Calculator</h1>
     <div>
         <div></div>

          <div ></div>
         <div ></div>
         <div ></div>
         <div ></div>
     </div>
    </div>
</body>
</html>