diff --git a/components/layout/inline.rs b/components/layout/inline.rs
index b25f47ad172..03548ce8483 100644
--- a/components/layout/inline.rs
+++ b/components/layout/inline.rs
@@ -813,9 +813,9 @@ impl InlineFlow {
for style in fragment.inline_styles() {
// Ignore `vertical-align` values for table cells.
let box_style = style.get_box();
- if box_style.display != display::T::inline &&
- box_style.display != display::T::block {
- continue
+ match box_style.display {
+ display::T::inline | display::T::block | display::T::inline_block => {}
+ _ => continue,
}
match box_style.vertical_align {
@@ -1030,12 +1030,14 @@ impl InlineFlow {
for style in fragment.inline_styles() {
match (style.get_box().display, style.get_box().vertical_align) {
(display::T::inline, vertical_align::T::top) |
- (display::T::block, vertical_align::T::top) => {
+ (display::T::block, vertical_align::T::top) |
+ (display::T::inline_block, vertical_align::T::top) => {
vertical_align = vertical_align::T::top;
break
}
(display::T::inline, vertical_align::T::bottom) |
- (display::T::block, vertical_align::T::bottom) => {
+ (display::T::block, vertical_align::T::bottom) |
+ (display::T::inline_block, vertical_align::T::bottom) => {
vertical_align = vertical_align::T::bottom;
break
}
diff --git a/tests/ref/basic.list b/tests/ref/basic.list
index 3291771381b..9544b931309 100644
--- a/tests/ref/basic.list
+++ b/tests/ref/basic.list
@@ -301,6 +301,7 @@ experimental == text_align_start_end.html text_align_start_end_ref.html
== upper_id_attr.html upper_id_attr_ref.html
flaky_cpu,experimental == vertical-lr-blocks.html vertical-lr-blocks_ref.html
== vertical_align_bottom_a.html vertical_align_bottom_ref.html
+== vertical_align_inline_block_a.html vertical_align_inline_block_ref.html
== vertical_align_inside_table_a.html vertical_align_inside_table_ref.html
== vertical_align_sub_a.html vertical_align_sub_ref.html
== vertical_align_super_a.html vertical_align_super_ref.html
diff --git a/tests/ref/vertical_align_inline_block_a.html b/tests/ref/vertical_align_inline_block_a.html
new file mode 100644
index 00000000000..64927f65bfc
--- /dev/null
+++ b/tests/ref/vertical_align_inline_block_a.html
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/ref/vertical_align_inline_block_ref.html b/tests/ref/vertical_align_inline_block_ref.html
new file mode 100644
index 00000000000..5762329b147
--- /dev/null
+++ b/tests/ref/vertical_align_inline_block_ref.html
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
+
+
+