Live
x
<html> <head> <title>Margin</title> </head> <style> div { border: 2px solid orange; width: 200px; text-align: center; padding: 10px; background: lightgreen; } .one { /* Zastosowanie takiej samej wartości dla wszystkich czterech marginów */ margin: 20px; } .two { /* Przykład zapadania się marginów dwóch sąsiadujących ze sobą elementów */ margin: 20px; } .three { /* Wartość "top" jest ujemna, a więc przesuwamy element w górę o 30px */ margin: -30px 0 0 0; } </style> <body> <section> <div>Element bez marginu</div> <div class="one">Element 1</div> <div class="two">Element 2</div> <div class="three">Element 3</div> </section> </body></html>
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.