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 vote284 views1 answer
Css grid no stretch
CSS
8 votes279 views2 answers
How to rotate picture to the right in css
CSS
0 vote396 views1 answer
Using target="_blank" without rel="noreferrer" (which implies rel="noopener") is a security risk in older browsers: see https://mathiasbynens.github.io/rel-noopener/#recommendations
CSS
10 votes338 views3 answers
Underline css animation
CSS
0 vote312 views1 answer
Button active css
CSS
0 vote347 views1 answer
Add shadowto container
CSS
3 votes307 views1 answer
What is a pseudo selector?
CSS
0 vote299 views1 answer
Center elemnts css
CSS
29 votes313 views3 answers
How to remove scrollbar in css
CSS
0 vote299 views1 answer
Twig convert encoding
CSS