Index: LayoutTests/css3/flexbox/multiline-reverse-wrap-baseline.html |
diff --git a/LayoutTests/css3/flexbox/multiline-reverse-wrap-baseline.html b/LayoutTests/css3/flexbox/multiline-reverse-wrap-baseline.html |
index 6f88ef23a24147e96dd4710b329086ebbf266a80..34aa49e54ac851ba70a84dda00bc02007ac5dc9a 100644 |
--- a/LayoutTests/css3/flexbox/multiline-reverse-wrap-baseline.html |
+++ b/LayoutTests/css3/flexbox/multiline-reverse-wrap-baseline.html |
@@ -3,11 +3,11 @@ |
<style> |
.flexbox { |
width: 200px; |
- display: -webkit-flex; |
+ display: flex; |
background-color: #aaa; |
position: relative; |
- -webkit-flex-wrap: wrap-reverse; |
- -webkit-align-items: baseline; |
+ flex-wrap: wrap-reverse; |
+ align-items: baseline; |
margin-bottom: 10px; |
} |
.flexbox > div { |
@@ -32,23 +32,23 @@ |
with baseline alignment are aligned to cross axis start.</p> |
<div class="flexbox"> |
- <div style="-webkit-flex: 1 0 100px;">first<br>first<br>first</div> |
- <div style="-webkit-flex: 1 0 100px;">second</div> |
- <div style="-webkit-flex: 1 0 100px; margin-top: 5px">third</div> |
- <div style="-webkit-flex: 1 0 100px;">fourth<br>fourth</div> |
+ <div style="flex: 1 0 100px;">first<br>first<br>first</div> |
+ <div style="flex: 1 0 100px;">second</div> |
+ <div style="flex: 1 0 100px; margin-top: 5px">third</div> |
+ <div style="flex: 1 0 100px;">fourth<br>fourth</div> |
</div> |
<div class="flexbox"> |
- <div style="-webkit-flex: 1 0 100px;">first<br>first<br>first</div> |
- <div style="-webkit-flex: 1 0 100px;">second</div> |
- <div style="-webkit-flex: 1 0 100px;">third</div> |
- <div style="-webkit-flex: 1 0 100px; margin-bottom: 5px">fourth<br>fourth</div> |
+ <div style="flex: 1 0 100px;">first<br>first<br>first</div> |
+ <div style="flex: 1 0 100px;">second</div> |
+ <div style="flex: 1 0 100px;">third</div> |
+ <div style="flex: 1 0 100px; margin-bottom: 5px">fourth<br>fourth</div> |
</div> |
<div class="flexbox" style="width: 300px;"> |
- <div style="-webkit-flex: 1 0 100px; -webkit-align-self: flex-start; height: 100px">first</div> |
- <div style="-webkit-flex: 1 0 100px;">second</div> |
- <div style="-webkit-flex: 1 0 100px;">third<br>third</div> |
+ <div style="flex: 1 0 100px; align-self: flex-start; height: 100px">first</div> |
+ <div style="flex: 1 0 100px;">second</div> |
+ <div style="flex: 1 0 100px;">third<br>third</div> |
</div> |
</body> |