| <!doctype html> |
| |
| <style> |
| body { |
| font-family: monospace; |
| max-width: 900px; |
| } |
| |
| #gray, #blue { |
| vertical-align:top; |
| } |
| |
| #blue { |
| overflow: hidden; |
| } |
| |
| #gray { |
| height:400px; |
| width:400px; |
| margin:2px; |
| border:1px solid #a0a0a0; |
| font-size:18px; |
| line-height:2; |
| color:#a0a0a0; |
| text-align:justify; |
| clear:both; |
| float:left; |
| } |
| |
| #blue { |
| height:200px; |
| width:300px; |
| margin-top: 2px; |
| margin-left:10px; |
| border:1px solid black; |
| font-size:12px; |
| line-height:2; |
| color:#00a0e0; |
| text-align:justify; |
| clear:none; |
| float:left; |
| } |
| </style> |
| |
| <div id="gray"> |
| <span style="background-color:#a0a0a0"> |
| This is some content This is some content |
| This is some content This is some content |
| This is some content This is some content |
| This is some content This is some content |
| This is some content This is some content |
| This is some content This is some content |
| This is some content This is some content |
| This is some content This is some content |
| This is some content This |
| </span> |
| </div> |
| |
| <div id="blue"> |
| <span style="background-color:#00a0e0"> |
| This is some content This is some content |
| This is some content This is some content |
| This is some content This is some content |
| This is some content This is some content |
| This is some content This is some content |
| This is some content This is some content |
| This is some content This is some content |
| This is some content This is some content |
| </span> |
| </div> |
| |
