HTML

boxsizing.html

Jan 31st, 2018
349
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 0.52 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>Box-sizing CSS Property</title>
  5. <meta charset="utf-8">
  6. <style>
  7. * {
  8.             box-sizing:border-box;
  9. }
  10. div {
  11.             background:yellow;
  12.             border:2px solid black;
  13.             height:150px;
  14.             padding:20px;
  15.             margin:10px;
  16.             width:30%;
  17.             float:left;
  18. }
  19. </style>
  20. </head>
  21. <body>
  22. <h1>box-sizing set to border-box</h1>
  23. <div>
  24. Element 1
  25. </div>
  26. <div>
  27. Element 2
  28. </div>
  29. <div>
  30. Element 3
  31. </div>
  32. <div>
  33. Element 4
  34. </div>
  35. <div>
  36. Element 5
  37. </div>
  38. <div>
  39. Element 6
  40. </div>
  41. </body>
  42. </html>
Advertisement
Add Comment
Please, Sign In to add comment