<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: CSS Inline Box Model: Wrapping Borders</title>
<link rel="author" title="Ian Hickson" href="mailto:[email protected]"/>
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 -->
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/003.xml" type="application/xhtml+xml"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" />
<meta name="flags" content="interact"/>
<style type="text/css">
div { font: 2em/2 sans-serif; }
span { border: thick solid blue; padding: 0 1em; }
</style>
</head>
<body>
<p>Slowly resize the window, causing the text below to wrap into multiple
lines at different points in the text. At all points in time, each word
should be enclosed in an hollow blue rectangle and there should be no stray
pieces of blue rectangle anywhere else on the page.</p>
<div> <span>Resize</span> <span>the</span> <span>window</span> <span>so</span> <span>that</span> <span>this</span> <span>wraps</span> </div>
</body>
</html>
Codebase Browser
chromium