See the example on vigor and vice project and here >>> https://stackoverflow.com/questions/7420434/jquery-how-to-get-elements-margin-and-padding/7420530

Get total element margin-padding with jquery.js

var totalItem = $('#firstMiddle-link-info li').length,
                                
tM = $("#secondMiddle-link-info li").css("margin").split(" "),
Margin = {
    Top: tM[0] != null ? parseInt(tM[0]) : 0,
    Right: tM[1] != null ? parseInt(tM[1]) : (tM[0] != null ? parseInt(tM[0]) : 0),
    Bottom: tM[2] != null ? parseInt(tM[2]) : (tM[0] != null ? parseInt(tM[0]) : 0),
    Left: tM[3] != null ? parseInt(tM[3]) : (tM[1] != null ? parseInt(tM[1]) : (tM[0] != null ? parseInt(tM[0]) : 0))
},    
TotalMargin = Margin.Right + Margin.Left,
totalElementMargin = TotalMargin * totalItem;

console.log(totalElementMargin);