gecko-dev/testing/web-platform/tests/css/css-flexbox/flexbox_margin-left-ex.html
Greg Whitworth 19406a1921 Bug 1630906 [wpt PR 6351] - [css-flex] Changes to test suite after review of files, a=testonly
Automatic update from web-platform-tests
[css-flex] Changes to test suite after review of files (#6351)

Here is a rundown of why the below changes were done:

- flex-align-item-center.html: Covered by flexbox_align-items-center.html
- flex-items-flexibility.html: This is covered by the flex-grow tests
- flexbox_margin-left-ex.html: Update link to a more accurate location
- flexbox_generated*.html: Update spec link to flex-containers like other tests
- flexbox_margin-auto-overflow-2.html: It's testing the same thing as flexbox_margin-auto-overflow.html
- flexbox_margin-collapse.html: Covered by flex-margin-no-collapse.html
- visibility-collapse-*.html: Doesn't link to a reftest and is covered by flexbox_visibility*.
--

wpt-commits: 596dc5313e991cdff16b4952be3d8c220a5a5d3a
wpt-pr: 6351
2020-04-28 11:26:57 +00:00

28 lines
599 B
HTML

<!DOCTYPE html>
<title>flexbox | margin-left: auto</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#auto-margins">
<link rel="match" href="flexbox_margin-left-ex-ref.html">
<style>
div {
background: blue;
margin: 1em 0;
border: 1px solid black;
height: 8em;
width: 32em;
position: relative;
display: flex;
}
span {
background: white;
margin: 1em;
display: inline-block;
}
span:last-child {
margin-left: auto;
}
</style>
<div>
<span>one</span><span>two</span><span>three</span><span>four</span></div>