[SOLVED] Margin is none but chrome says there is a margin?

<%= @topic_view.topic.title %>
<%= @topic_view.topic.average_rating %> <%= @topic_view.topic.posts.count { |p| !!p.custom_fields['rating'] } %>

Unsure what is going on here. Does anyone have a guess?

SASS

     .about-container {
        height: 1200px !important;
        width: 100% !important;
        margin: 0 !important;

        .about-block {
            width: 100%;
            margin: 0 !important;
            display: block !important;
            float: none !important;
        }

        .contact-block {
            width: 100%;
            margin: 0 !important;
            display: block !important;
            float: none !important;
        }
     }
}

Nevermind I solved it by just changing to Margin: 0 auto;

just a suggestion… drop the “!important” from your code, its a bad habbit and best used as a last resort…

The way the code is written at the time, using important was the only way those values changed.

BUT… like I said I solved it. Important is no longer used AND the margin issue is gone. Thanks.