servo/tests/wpt/web-platform-tests/css/css-ui/text-overflow-020.html

28 lines
837 B
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: no ellipsing when nesting</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<link rel="help" href="http://www.w3.org/TR/css3-ui/#text-overflow">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<meta name="flags" content="ahem">
<meta name="assert" content="Nested paragraph wont ellipse.">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
div {
overflow: hidden;
text-overflow: ellipsis;
width: 100px;
height: 100px;
background: green;
}
div > p {
white-space: pre;
font: 40px/1 Ahem;
color: green;
background: red;
margin: 0;
}
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div><p>xxxxxxxxxx</p></div>