mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-10 21:28:04 +02:00
0893e9e2b5
Automatic update from web-platform-tests [css-flexbox] Move floated-flexitem.html test from css3/flexbox to WPT Migrate this test out of third_party/blink/web_tests/css3/flexbox and into the WPT-specific directory, adding links to the relevant specs, a test assertion describing its purpose, and a ref link. Bug: 1063749 Change-Id: I0d0850d82caaf1ac3bdfb55e28179592ea5bdf67 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2120080 Reviewed-by: Robert Ma <robertma@chromium.org> Reviewed-by: David Grogan <dgrogan@chromium.org> Commit-Queue: Julie Kim <jkim@igalia.com> Cr-Commit-Position: refs/heads/master@{#753488} -- wpt-commits: fe002e7fc1306f092769c041f6cc2c70eac893b3 wpt-pr: 22437
28 lines
648 B
HTML
28 lines
648 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<style>
|
|
#flexbox {
|
|
background-color: lightgrey;
|
|
}
|
|
#flexbox > * {
|
|
border: 1px solid green;
|
|
vertical-align: top;
|
|
}
|
|
</style>
|
|
<body>
|
|
<p>
|
|
This example is from the spec. There should be four flex items. Anonymous item 3 shouldn't have
|
|
a green border because the anonymous block is the flex item.
|
|
</p>
|
|
<div id="flexbox">
|
|
<div style="display: inline-block">block</div><div
|
|
style="display: inline-block">float</div><div
|
|
style="display: inline-block; border: 0">anonymous item 3</div><div
|
|
style="display: inline-block">
|
|
item 4<br>
|
|
item 4<br>
|
|
item 4
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|