Advertisement
irmantas_radavicius

Untitled

Jan 19th, 2022
1,037
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <title>Title</title>
  5.     <meta charset="UTF-8">
  6.     <style>
  7.         * {
  8.             box-sizing: border-box;
  9.         }
  10.         body {
  11.             margin: 20px;
  12.             font-size: 0px;
  13.         }
  14.         .box {
  15.             width: 150px;          
  16.             border: 2px solid black;
  17.             display: inline-block;
  18.             font-size: 72px;
  19.             text-align: center;
  20.             padding-top: 30px;
  21.             padding-bottom: 30px;
  22.             margin: 10px;
  23.         }
  24.         #b1 {
  25.             background-color: yellow;
  26.             position: relative;
  27.             top: 0px;
  28.             left: 340px;           
  29.            
  30.         }
  31.         #b2 {
  32.             background-color: blue;
  33.             position: relative;
  34.             top: 0px;
  35.             left: -170px;
  36.         }
  37.         #b3 {      
  38.             background-color: green;
  39.             position: relative;
  40.             top: 0px;
  41.             left: 170px;
  42.         }
  43.         #b4 {
  44.             background-color: red;
  45.             position: relative;
  46.             top: 0px;
  47.             left: -340px;
  48.         }
  49.  
  50.     </style>
  51. </head>
  52. <body>
  53.     <div class="box" id="b1">1</div>
  54.     <div class="box" id="b2">2</div>
  55.     <div class="box" id="b3">3</div>
  56.     <div class="box" id="b4">4</div>
  57. </body>
  58. </html>
Advertisement
Advertisement
Advertisement
RAW Paste Data Copied
Advertisement