diff options
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/floats-clear/floats-131.xht')
| -rw-r--r-- | testing/web-platform/tests/css/CSS2/floats-clear/floats-131.xht | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-131.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-131.xht new file mode 100644 index 0000000000..7dacb91d34 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-131.xht @@ -0,0 +1,38 @@ +<!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 Floats: Float Sizing (styled blocks within floated tables within tables)</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/031.xml" type="application/xhtml+xml"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/031.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" /> + <meta name="flags" content="interact"/> + <style type="text/css"> + .table { display: table; } + .float { float: left; display: table; } + .float div { margin: 0; border: solid blue; color: silver; padding: 0.5em; margin: 0.5em; } + </style> + </head> + <body> + + <p><strong>All blue boxes must always be the same size</strong>. Make your + window an inch or two bigger than than the width of one box to check. Try + resizing the window so that the boxes wrap in two or more columns. Try + resizing the window to be narrower than the boxes so that the text inside + them wraps into two or more lines.</p> + + <div class="table"> + <div class="float"> <div> this is a float this is a float this is a float </div> </div> + <div class="float"> <div> this is a float this is a float this is a float </div> </div> + <div class="float"> <div> this is a float this is a float this is a float </div> </div> + <div class="float"> <div> this is a float this is a float this is a float </div> </div> + <div class="float"> <div> this is a float this is a float this is a float </div> </div> + <div class="float"> <div> this is a float this is a float this is a float </div> </div> + <div class="float"> <div> this is a float this is a float this is a float </div> </div> + <div class="float"> <div> this is a float this is a float this is a float </div> </div> + </div> + + </body> +</html> + + |