outline-wrapped-span-1-ref.html (949B)
1 <!DOCTYPE html> 2 <html> 3 <meta charset="utf-8"> 4 5 <style> 6 html { 7 font-family: monospace; 8 font-size: 16px; 9 } 10 div { 11 margin: 1em; 12 } 13 a { 14 outline: 1px solid red; 15 background: #dddddd; 16 } 17 .test1 { 18 width: 19ch; 19 } 20 .test2 { 21 width: 20ch; 22 } 23 .test3 { 24 width: 21ch; 25 } 26 .test4 { 27 width: 22ch; 28 } 29 .test5 { 30 width: 23ch; 31 } 32 .test6 { 33 width: 24ch; 34 } 35 </style> 36 37 <div class="test1"> 38 Is the red outline correct on <a href=".">this<br>link</a>⁠...? 39 </div> 40 <div class="test2"> 41 Is the red outline correct on <a href=".">this<br>link</a>⁠...? 42 </div> 43 <div class="test3"> 44 Is the red outline correct on <a href=".">this<br>link</a>⁠...? 45 </div> 46 <div class="test4"> 47 Is the red outline correct on <a href=".">this<br>link</a>⁠...? 48 </div> 49 <div class="test5"> 50 Is the red outline correct on <a href=".">this<br>link</a>⁠...? 51 </div> 52 <div class="test6"> 53 Is the red outline correct on <a href=".">this link</a>⁠...? 54 </div>