| <!doctype html> |
| <html lang=en> |
| <meta charset=utf-8> |
| <title>CSS-UI test: outline block with outline inline reference file</title> |
| <link rel="author" title="Aleks Totic <atotic@chromium.org>"> |
| <meta name=assert content="inline child displays outline correctly"> |
| <style> |
| #container { |
| border: 5px solid green; |
| width: 110px; |
| height: 40px; |
| position: relative; |
| top: -5px; |
| left: -5px; |
| } |
| |
| #target { |
| border: 5px solid blue; |
| position: relative; |
| top: 5px; |
| } |
| </style> |
| |
| <p>Test passes if blue outline touches top left of green outline.</p> |
| <div id="container"><span id="target">x</span></div> |
| |