eliott/servo
1
0
Fork 0
mirror of https://github.com/servo/servo synced 2026-04-30 11:27:28 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab

Browse Source
This commit is contained in:
James Graham
2015-03-27 09:18:12 +00:00
parent 1a81b18b9f
commit 2c9faf5363
91915 changed files with 5979820 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
tests/wpt/css-tests/css21_dev/xhtml1print/inline-block-004.xht Normal file
View File

@@ -0,0 +1,49 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: inline-block: width</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
@top-right { content: "Test inline-block-004"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch" />
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline-block/004.html" type="text/html" />
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" />
<meta name="flags" content="interact" />
<style type="text/css">
html:before { content: ""; position: absolute; width: 598px; height: 598px; border: solid thin; }
p { text-indent: 5em; }
span { text-indent: 0; display: inline-block;
border: blue solid; color: silver;
margin: 0.5em; padding: 0.5em; }
</style>
</head>
<body>
<p> Make your window an inch or two bigger than than the width of
one inline-block. All inline-blocks should be the same size. Try
resizing the window so that inline-blocks wrap in one or two
columns. </p>
<p>The first line is indented. Therefore, the first block on the first line, if the
line is short enough, should end up wrapping onto two lines internally. The other boxes
should be the same size <a href="002.html">as they were without the indent</a>.</p>
<p>
<span>this is an inline-block this is an inline-block</span>
<span>this is an inline-block this is an inline-block</span>
<span>this is an inline-block this is an inline-block</span>
<span>this is an inline-block this is an inline-block</span>
<span>this is an inline-block this is an inline-block</span>
<span>this is an inline-block this is an inline-block</span>
<span>this is an inline-block this is an inline-block</span>
<span>this is an inline-block this is an inline-block</span>
<span>this is an inline-block this is an inline-block</span>
<span>this is an inline-block this is an inline-block</span>
<span>this is an inline-block this is an inline-block</span>
<span>this is an inline-block this is an inline-block</span>
</p>
</body>
</html>