outline-with-padding-001-ref.html (473B)
1 <!DOCTYPE html> 2 <style> 3 inline-block { 4 display: inline-block; 5 width: 65px; 6 color: transparent; 7 background: orange; 8 } 9 spacer { 10 display: inline-block; 11 width: 99px; 12 } 13 </style> 14 <body> 15 <div style="display: flex"> 16 <span style="outline: auto"> 17 <spacer></spacer><inline-block>Previous</inline-block> 18 </span> 19 </div> 20 21 <div style="display: inline-block; outline: auto; white-space: nowrap;"> 22 <spacer></spacer><inline-block>Previous</inline-block> 23 </div> 24 </body>