The div that look different in every browser

index.html

<div></div>

script.js

// Browser screenshot see https://twitter.com/Martijn_Cuppens/status/1015169981368225793


// Struggling with responsive font sizes? Check out RFS: https://github.com/MartijnCuppens/rfs

style.css

html {
  display: table;
  height: 100%;
  width: 100%;
}

body {
  display: table-cell;
  vertical-align: middle;
}

div {
  margin: auto;
  width: 100px;
  height: 100px;
  outline: inset 100px green;
  outline-offset: -125px;
}

the-div-that-look-different-in-every-browser.markdown

The div that look different in every browser

A Pen by MartijnCuppens on CodePen.

License.