1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/w3c-css/submitted/ui3/box-sizing-border-box-001-ref.xht Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,40 @@
1.4 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
1.5 +<html xmlns="http://www.w3.org/1999/xhtml">
1.6 + <head>
1.7 + <title>CSS Reference: Box Sizing - Border-Box with specified width</title>
1.8 + <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" />
1.9 + <style type="text/css"><![CDATA[
1.10 + .container {
1.11 + width: 300px;
1.12 + border: 2px solid black;
1.13 + position: absolute;
1.14 + left: 25px;
1.15 + top: 25px;
1.16 + background-color: red;
1.17 + }
1.18 +
1.19 + .box-sized {
1.20 + width: 140px;
1.21 + z-index: 1;
1.22 + float: left;
1.23 + border: 5px solid black;
1.24 + }
1.25 +
1.26 + #one {
1.27 + background-color: green;
1.28 + }
1.29 +
1.30 + #two {
1.31 + background-color: blue;
1.32 + }
1.33 + ]]></style>
1.34 + </head>
1.35 + <body>
1.36 + The two divs should be side-by-side, not one on top of another. No red should be visible.
1.37 + <br />
1.38 + <div class="container">
1.39 + <div class="box-sized" id="one">LEFT HALF</div>
1.40 + <div class="box-sized" id="two">RIGHT HALF</div>
1.41 + </div>
1.42 + </body>
1.43 +</html>
