css/CSS2/css1/c5523-width-002.xht - external/w3c/web-platform-tests.git - Git at Google

 <!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: width</title>
   <meta name="flags" content="image" />
   <link rel="help" href="http://www.w3.org/TR/REC-CSS1#width"/>
   <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
   <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
   <style type="text/css"><![CDATA[
    body { background: url(support/ruler-h-50%25.png) bottom center no-repeat; padding: 0 0 40px; }
    div { color: blue; width: 50%; }
   ]]></style>
   <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" title="10.2 Content width: the 'width' property"/>
  </head>
  <body>
   <p>The blue text should not go past the 50% mark on the ruler
   below.</p>
   <div>a bit of dummy text a bit of dummy text a bit of dummy text a
   bit of dummy text a bit of dummy text a bit of dummy text a bit of
   dummy text a bit of dummy text a bit of dummy text a bit of dummy
   text a bit of dummy text a bit of dummy text a bit of dummy text a
   bit of dummy text a bit of dummy text a bit of dummy text a bit of
   dummy text a bit of dummy text a bit of dummy text a bit of dummy
   text a bit of dummy text a bit of dummy text a bit of dummy text a
   bit of dummy text a bit of dummy text a bit of dummy text a bit of
   dummy text a bit of dummy text a bit of dummy text a bit of dummy
   text a bit of dummy text a bit of dummy text a bit of dummy text a
   bit of dummy text a bit of dummy text a bit of dummy text a bit of
   dummy text a bit of dummy text a bit of dummy text a bit of dummy
   text a bit of dummy text a bit of dummy text a bit of dummy text a
   bit of dummy text a bit of dummy text a bit of dummy text a bit of
   dummy text a bit of dummy text a bit of dummy text a bit of dummy
   text a bit of dummy text a bit of dummy text a bit of dummy text a
   bit of dummy text a bit of dummy text a bit of dummy text a bit of
   dummy text a bit of dummy text a bit of dummy text a bit of dummy
   text a bit of dummy text a bit of dummy text a bit of dummy text a
   bit of dummy text a bit of dummy text a bit of dummy text a bit of
   dummy text a bit of dummy text a bit of dummy text a bit of dummy
   text a bit of dummy text a bit of dummy text a bit of dummy text a
   bit of dummy text a bit of dummy text a bit of dummy text a bit of
   dummy text a bit of dummy text a bit of dummy text a bit of dummy
   text a bit of dummy text a bit of dummy text a bit of dummy
   text</div>
  </body>
 </html>
	<!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: width</title>
	<meta name="flags" content="image" />
	<link rel="help" href="http://www.w3.org/TR/REC-CSS1#width"/>
	<link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
	<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
	<style type="text/css"><![CDATA[
	body { background: url(support/ruler-h-50%25.png) bottom center no-repeat; padding: 0 0 40px; }
	div { color: blue; width: 50%; }
	]]></style>
	<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" title="10.2 Content width: the 'width' property"/>
	</head>
	<body>
	<p>The blue text should not go past the 50% mark on the ruler
	below.</p>
	<div>a bit of dummy text a bit of dummy text a bit of dummy text a
	bit of dummy text a bit of dummy text a bit of dummy text a bit of
	dummy text a bit of dummy text a bit of dummy text a bit of dummy
	text a bit of dummy text a bit of dummy text a bit of dummy text a
	bit of dummy text a bit of dummy text a bit of dummy text a bit of
	dummy text a bit of dummy text a bit of dummy text a bit of dummy
	text a bit of dummy text a bit of dummy text a bit of dummy text a
	bit of dummy text a bit of dummy text a bit of dummy text a bit of
	dummy text a bit of dummy text a bit of dummy text a bit of dummy
	text a bit of dummy text a bit of dummy text a bit of dummy text a
	bit of dummy text a bit of dummy text a bit of dummy text a bit of
	dummy text a bit of dummy text a bit of dummy text a bit of dummy
	text a bit of dummy text a bit of dummy text a bit of dummy text a
	bit of dummy text a bit of dummy text a bit of dummy text a bit of
	dummy text a bit of dummy text a bit of dummy text a bit of dummy
	text a bit of dummy text a bit of dummy text a bit of dummy text a
	bit of dummy text a bit of dummy text a bit of dummy text a bit of
	dummy text a bit of dummy text a bit of dummy text a bit of dummy
	text a bit of dummy text a bit of dummy text a bit of dummy text a
	bit of dummy text a bit of dummy text a bit of dummy text a bit of
	dummy text a bit of dummy text a bit of dummy text a bit of dummy
	text a bit of dummy text a bit of dummy text a bit of dummy text a
	bit of dummy text a bit of dummy text a bit of dummy text a bit of
	dummy text a bit of dummy text a bit of dummy text a bit of dummy
	text a bit of dummy text a bit of dummy text a bit of dummy
	text</div>
	</body>
	</html>