Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- margin: auto;
- }
- .container {
- margin: auto;
- margin-top: 10px;
- width: 800px;
- height: 795px;
- background-color: cyan;
- padding: 5px;
- }
- .s1 {
- margin: auto;
- margin-top: 5px;
- width: 750px;
- height: 100px;
- background-color: red;
- border: 5px solid black;
- }
- .container2 {
- margin: auto;
- margin-top: 5px;
- width: 790px;
- height: 100px;
- background-color: cyan;
- padding: 5px;
- }
- .s2 {
- float: left;
- margin-left: 15px;
- margin-top: 5px;
- width: 450px;
- height: 100px;
- background-color: yellow;
- border: 5px solid black;
- }
- .s3 {
- float: right;
- margin-right: 15px;
- margin-top: 5px;
- width: 270px;
- height: 100px;
- background-color: pink;
- border: 5px solid black;
- }
- .s4 {
- float: right;
- margin-right: 20px;
- margin-top: 15px;
- width: 270px;
- height: 270px;
- background-color: orange;
- border: 5px solid black;
- }
- .container3 {
- float: left;
- margin-left: 20px;
- margin-top: 15px;
- width: 441px;
- height: 260px;
- background-color: white;
- border: 5px solid black;
- padding: 5px;
- }
- .s5 {
- margin-left: 8px;
- float: left;
- margin-top: 8px;
- width: 195px;
- height: 100px;
- background-color: blue;
- border: 5px solid black;
- }
- .s6 {
- margin-right: 7px;
- float: right;
- margin-top: 8px;
- width: 195px;
- height: 100px;
- background-color: red;
- border: 5px solid black;
- }
- .s7 {
- margin: auto;
- margin-top: 135px;
- width: 417px;
- height: 100px;
- background-color: yellow;
- border: 5px solid black;
- }
- .s8 {
- margin-left: 20px;
- float: left;
- margin-top: 15px;
- width: 210px;
- height: 100px;
- background-color: black;
- border: 5px solid white;
- }
- .s9 {
- margin-left: 20px;
- float: left;
- margin-top: 15px;
- width: 210px;
- height: 100px;
- background-color: red;
- border: 5px solid black;
- }
- .s10 {
- margin-left: 20px;
- float: left;
- margin-top: 15px;
- width: 270px;
- height: 100px;
- background-color: pink;
- border: 5px solid black;
- }
- .s11 {
- margin-left: 20px;
- float: left;
- margin-top: 15px;
- width: 360px;
- height: 100px;
- background-color: yellow;
- border: 5px solid black;
- }
- .s12 {
- margin-right: 20px;
- float: right;
- margin-top: 15px;
- width: 360px;
- height: 100px;
- background-color: orange;
- border: 5px solid black;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement