inline-blocks that contain vertical-align:bottom elements are misaligned

Not reproducible Issue #2107556


Mar 20, 2015
This issue is public.
Reported by 0 people

Sign in to watch or report this issue.

Steps to reproduce


Repro Steps:


Expected Results:

Instead, it should be using “the baseline of its last line box in normal flow”[1], which would only be affected by the vertical-align:bottom elements insofar as their bottoms have to line up with up with the bottom of the line box they’re in, which may push or pull down the baseline of the last line box. Admittedly the spec isn’t blindingly clear about this, but the latest Chrome (39), Safari (7), and Firefox (34), even as old as Firefox 3.5 and Opera 12 (the last to use Presto), all appear to consistently interpret it this way, so at the very least this is an interop bug.

[1]: Second-to-last sentence of Section 10 “Visual formatting model details” of the CSS 2.1 spec:

Actual Results:

Dev Channel specific:



0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Christian F.”

      Changed Assigned To to “Rossen A.”

      Changed Assigned To from “Rossen A.” to “Jonathan H.”

      Changed Status to “Confirmed”

      Changed Assigned To from “Jonathan H.” to “IE F.”

      Changed Status from “Confirmed” to “Won’t fix”

      Changed Assigned To to “Jonathan H.”

      Changed Status from “Won’t fix”

      Changed Assigned To from “Jonathan H.” to “Greg W.”

      Changed Status to “Not reproducible”

    • Hello,

      Thank you for providing this information about the issue. After thorough testing, we are unable to reproduce this problem in Edge. Please test this behavior in our latest creator’s update 15063 or the insider build 16199.

      Best Wishes,
      The MS Edge Team

    You need to sign in to your Microsoft account to add a comment.

    Sign in