| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> |
| <title>CSS Reference</title> |
| <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> |
| <style type="text/css"> |
| |
| .container { |
| margin: 4px; |
| border: solid green 4px; |
| padding-top: 1px; |
| border-style: none none solid solid; |
| } |
| </style> |
| </head> |
| <body> |
| <p>There must be 31 green L-shapes below and no red.</p> |
| |
| <div id="c1" class="container"><div></div></div> |
| <div id="c2" class="container"><div></div></div> |
| <div id="c3" class="container"><div></div></div> |
| <div id="c4" class="container"><div></div></div> |
| <div id="c5" class="container"><div></div></div> |
| <div id="c6" class="container"><div></div></div> |
| <div id="i1" class="container"><div></div></div> |
| <div id="i2" class="container"><div></div></div> |
| <div id="i3" class="container"><div></div></div> |
| <div id="i4" class="container"><div></div></div> |
| <div id="i5" class="container"><div></div></div> |
| <div id="i6" class="container"><div></div></div> |
| <div id="i7" class="container"><div></div></div> |
| <div id="ci1" class="container"><div></div></div> |
| <div id="ci2" class="container"><div></div></div> |
| <div id="ci3" class="container"><div></div></div> |
| <div id="ci4" class="container"><div></div></div> |
| <div id="ci5" class="container"><div></div></div> |
| <div id="ci6" class="container"><div></div></div> |
| <div id="ci11" class="container"><div></div></div> |
| <div id="ci12" class="container"><div></div></div> |
| <div id="ci13" class="container"><div></div></div> |
| <div id="ci14" class="container"><div></div></div> |
| <div id="ci15" class="container"><div></div></div> |
| <div id="ci16" class="container"><div></div></div> |
| <div id="ci21" class="container"><div></div></div> |
| <div id="ci22" class="container"><div></div></div> |
| <div id="ci23" class="container"><div></div></div> |
| <div id="ci24" class="container"><div></div></div> |
| <div id="ci25" class="container"><div></div></div> |
| <div id="ci26" class="container"><div></div></div> |
| </body> |
| </html> |
