Home/ Questions/Q 8511223
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T03:55:48+00:00

Here is the source: <div style=border:1px solid red; margin-bottom:10px>test block1,</div>; <div style=border:1px solid red;

  • 0

Here is the source:

<div style="border:1px solid red; margin-bottom:10px">test block1,</div>;    
<div style="border:1px solid red; margin-top:10px">test block2</div>;

It always has 10px between block1 and block2…

I’m not sure what is wrong. Please don’t say ‘use padding‘ and ‘change 20px‘

I have to use margin-bottom, margin-top and only 10px.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It’s called collapsing margin

    as per w3c

    In CSS, the adjoining margins of two or more boxes (which might or
    might not be siblings) can combine to form a single margin. Margins
    that combine this way are said to collapse, and the resulting combined
    margin is called a collapsed margin.

    Read this http://reference.sitepoint.com/css/collapsingmargins

    • 0