| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <title>CSS Reference File</title> | 4 <title>CSS Reference File</title> |
| 5 <link rel="author" title="Bem Jones-Bey" href="mailto:bjonesbe@adobe.com"/> | 5 <link rel="author" title="Bem Jones-Bey" href="mailto:bjonesbe@adobe.com"/> |
| 6 <style type="text/css"> | 6 <style type="text/css"> |
| 7 .container { | 7 .container { |
| 8 width: 150px; | 8 width: 150px; |
| 9 height: 100px; | 9 height: 100px; |
| 10 background-color: black; | 10 background-color: black; |
| 11 } | 11 } |
| 12 img { | 12 img { |
| 13 float: left; | 13 float: left; |
| 14 } | 14 } |
| 15 .green { | 15 .green { |
| 16 float: right; | 16 float: right; |
| 17 width: 50px; | 17 width: 50px; |
| 18 height: 100px; | 18 height: 100px; |
| 19 background-color: rgb(0, 100, 0); | 19 background-color: rgb(0, 100, 0); |
| 20 } | 20 } |
| 21 </style> | 21 </style> |
| 22 </head> | 22 </head> |
| 23 <body> | 23 <body> |
| 24 <p> | 24 <p> |
| 25 The test passes if you see a green rectangle, a black rectangle, and a g
reen rectangle next to each other. There should be no red. | 25 The test passes if you see a green rectangle, a black rectangle, and a g
reen rectangle next to each other. There should be no red. |
| 26 </p> | 26 </p> |
| 27 <div class="container"> | 27 <div class="container"> |
| 28 <img src="support/left-half-rectangle-70.png"/> | 28 <img src="../support/left-half-rectangle-70.png"/> |
| 29 <div class="green"></div> | 29 <div class="green"></div> |
| 30 </div> | 30 </div> |
| 31 </body> | 31 </body> |
| 32 </html> | 32 </html> |
| OLD | NEW |