How to extract computed style of dom nodes as text that can be compared in a text editor.

log-computed-style.js

function logComputedStyles(elem,prop) {

  var cs = window.getComputedStyle(elem,null);
  if (prop) {
    console.log("    "+prop+" : "+cs.getPropertyValue(prop)+"\n");
    return;
  }
  
  var len = cs.length;
  var list = {};
  for (var i=0;i<len;i++)
  {
    var style = cs[i];
    var value = cs.getPropertyValue(style);
    //console.log("    "+style+" : "+value+"\n");
    list[style] = value;
  }
	return list
}

copy(JSON.stringify( logComputedStyles($0) ));

// Then in a text editor
// find: ","
// replace with: ",\n"
// Repeat for the other element
// Then do side by side text comparison to see what makes them look different.