Github sign in button on MDN is too tall

[jdm]

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/then
Firefox:

Servo:

Very preliminary reduction:

<style>
#nav-sec {
        position: absolute;
        top: 12px;
        right: 200px;
        z-index: 36;
        font-size: 13px;
        font-size: .929rem;
border: 1px solid black;
}
.login-link i[class^="icon-"] {
        float: right;
}
.login i[class^="icon-"] {
        font-size: 15.6px;
        font-size: 1.114rem;
        line-height: 20px;
        vertical-align: top;
}
.icon-github::before {
        content: "\f09b";
}
</style>
<div id="nav-sec">

                  <ul>
                  <li><div class="login">


       <a href="/users/github/login/?next=%2Fen-US%2Fdocs%2FWeb%2FJavaScript%2FReference%2FGlobal_Objects%2FPromise%2Fthen" class="login-link js-login-link" data-service="GitHub">
        Sign in
        <i class="icon-github" aria-hidden="true"></i>
      </a>

</div></li>
                </ul>

    </div>

[DominoTree]

I'll see if I can fix this one

[jdm]

I definitely recommend reducing it to a minimal testcase first.

[DominoTree]

Looks like it's the float, the example below still triggers it

<style>
.float {
	float: left;
}
</style>
beside this text
<div class="float">This should be</div>

Firefox:

Servo:

[DominoTree]

Think this is #13683

[stshine]

Closed in favor of #13683.