Search code examples
cssfooter

An element adding unwanted margin space above the footer automatically

Something is adding unwanted margin-top space to footer. I want to remove this but could not figure it out where it is coming from. Please see image below.

Thank you for your answer in advance. 

element.style {
    margin-top: 581px;
    display: block;
}
footer#main-footer {
    background: #F60;
    padding: 60px 0 30px;
    color: #fff;
    font-size: 13px;
    line-height: 1em;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
HTML

<footer id="main-footer">

footer image

Solution

  • bootstrap mt20 solved the problem: <footer id="main-footer" class="mt20" style="margin-top: 581px; display: block;">