Margin-top not working

#outer {
    width:500px; 
    height:200px; 
    background:#FFCCCC;
    margin:50px auto 0 auto;
    display:block;
}
#inner {
    background:#FFCC33;
    margin:50px 50px 50px 50px;
    padding:10px;
    display:inline-block;
}

Source: stackoverflow.com

Similar codes

0 vote367 views1 answer
How to install gotham rounded as a font in visual studio code for my css file
CSS
0 vote344 views1 answer
Disabled attribute on button still showing click animation safari macos
CSS
1 vote346 views1 answer
Padding up down left right
CSS
0 vote307 views1 answer
Veritical align inline-block checkbox element
CSS
1 vote322 views6 answers
Tailwind css in react
CSS
196 votes546 views10 answers
Internet explorer
CSS
0 vote427 views2 answers
Using materialize css with react
CSS Materialize
9 votes338 views4 answers
How to stop form from submitting on enter
CSS
3 votes362 views1 answer
Font family comic sans ms
CSS
2 votes331 views1 answer
Css div take remaining screen height
CSS