Y

 

h3{ text-align: center; // margin-left : 2%; margin-top : 2%; //position: fixed;; // top : 1%; width: 100%; background-color :red; height: 50px; color : white; line-height: 50px; box-shadow : 0px 0 10px gray; // border-radius: 10px; } #main{ height:299px; width: 299px; border: 1px solid blue; position: relative; display: inline-block; //top:15%; left:7%; margin-top: 55px; background-color :blueviolet; } #d1, #d2, #d3, #d4, #d5, #d6, #d7, #d8, #d9{ height:100px; width: 100px; /* border:2px solid white; */ position:absolute; display: inline-block; //background-color:red; } #d1{ left:0px; top:0px; } #d2{ left:100px; top:0px; } #d3{ left:200px; top:0px; } #d4{ left:0px; top:100px; } #d5{ left:100px; top:100px; } #d6{ left:200px; top:100px; } #d7{ left:0px; top:200px; } #d8{ left:100px; top:200px; } #moveLabel{ position: absolute; margin-top: 30px; margin-left: 250px; font-weight: bold; color: red; } marquee{ color : white; font-weight: bold; margin-bottom: 2px; background-color : gray; padding: 10px; margin-bottom: 0px; position: relative; top : -35px; } img{ border-radius : 1px; height: 99px; width: 99px; } #msg, #restart { position: relative; left: 0; text-align: center; color : red; // visibility: hidden; } #msg{ top : -10px; height: 12px; } #restart{ top : 2px; margin-left: 45%; height: 30px; width: 30px; }