| <!DOCTYPE html> | |
| <html> | |
| <!-- | |
| | Test outline, with and without a border, and it's participation in layout. | |
| --> | |
| <head> | |
| <style> | |
| body { | |
| margin: 8px; | |
| font-size: 18px; | |
| } | |
| div { | |
| margin: 8px; | |
| display: inline-block; | |
| padding: 4px; | |
| } | |
| .outline { | |
| outline: #009688 solid 8px; | |
| } | |
| .border { | |
| border: #80CBC4 solid 8px; | |
| border-radius: 50%; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="outline"></div> | |
| <div class="border"></div> | |
| <div class="outline border"></div> | |
| </body> | |
| </html> |