Advertisement
rozman50

Untitled

May 30th, 2019
166
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.58 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  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>Document</title>
  8. </head>
  9. <body>
  10. <div>
  11. <div class="wrapper">
  12. <div class="red" style="height: 200px; width: 50px; float: left;"></div>
  13. </div>
  14. <div class="wrapper" style="float: left">
  15. <div class="blue" style="height: 150px; width: 50px;"></div>
  16. <div class="red" style="height: 50px; width: 50px;"></div>
  17. </div>
  18. <div class="wrapper" style="float: left">
  19. <div class="yellow" style="height: 100px; width: 50px;"></div>
  20. <div class="green" style="height: 50px; width: 50px;"></div>
  21. <div class="blue" style="height: 50px; width: 50px;"></div>
  22. </div>
  23. <div class="wrapper" style="float: left">
  24. <div class="red" style="height: 50px; width: 50px;"></div>
  25. <div class="blue" style="height: 50px; width: 50px;"></div>
  26. <div class="yellow" style="height: 50px; width: 50px;"></div>
  27. <div class="green" style="height: 50px; width: 50px;"></div>
  28. </div>
  29. </div>
  30. </body>
  31. </html>
  32.  
  33. <style>
  34.  
  35. .wrapper >div {
  36. /* margin: 10px; */
  37. }
  38.  
  39. .red {
  40. background-color: red;
  41. }
  42.  
  43. .blue {
  44. background-color: blue;
  45. }
  46. .yellow {
  47. background-color:yellow;
  48. }
  49. .green {
  50. background-color: green;
  51. }
  52.  
  53. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement