outline-with-padding-001.html (816B)
1 <!DOCTYPE html> 2 <title>Outline with padding</title> 3 <link rel="match" href="reference/outline-with-padding-001-ref.html"> 4 <link rel="help" href="https://drafts.csswg.org/css-ui/#outline-props"> 5 <link rel="help" href="https://crbug.com/1048070"> 6 <link rel="author" href="mailto:kojii@chromium.org"> 7 <meta name="assert" content="Tests the rendering of outline applied to a box with padding"> 8 <style> 9 inline-block { 10 display: inline-block; 11 width: 65px; 12 color: transparent; 13 background: orange; 14 } 15 </style> 16 <body> 17 <div style="display: flex"> 18 <span style="padding-left: 99px; outline: auto"> 19 <span> 20 <inline-block>Previous</inline-block> 21 </span> 22 </span> 23 </div> 24 25 <div style="width: 50px; padding-left: 99px; outline: auto"> 26 <span> 27 <inline-block>Previous</inline-block> 28 </span> 29 </div> 30 </body>