diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-flexbox/flexbox_item-vertical-align.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-flexbox/flexbox_item-vertical-align.html | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-flexbox/flexbox_item-vertical-align.html b/testing/web-platform/tests/css/css-flexbox/flexbox_item-vertical-align.html new file mode 100644 index 0000000000..7043c950a6 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/flexbox_item-vertical-align.html @@ -0,0 +1,34 @@ +<!DOCTYPE html> +<title>flexbox | vertical-align</title> +<link rel="author" href="http://opera.com" title="Opera Software"> +<link rel="help" + href="http://www.w3.org/TR/css-flexbox-1/#flex-containers"> +<link rel="match" href="flexbox_item-vertical-align-ref.html"> +<style> +div { + background: yellow; + border: 1px solid black; + width: 600px; + + display: flex; +} +p { + background: #3366cc; + margin: 2em; + width: 2em; + height: 2em; +} +#one {vertical-align: bottom;} +#two {vertical-align: top;} +#three {vertical-align: middle;} +#four {vertical-align: super;} +#five {vertical-align: sub;} +</style> + +<div> + <p id="one"></p> + <p id="two"></p> + <p id="three"></p> + <p id="four"></p> + <p id="five"></p> +</div> |