slice-nowrap-intrinsic-size-bidi-ref.html (2454B)
1 <!DOCTYPE html> 2 <head> 3 <title>CSS Reference: min/max-content size on box-decoration-break:slice inline box with bidi text and white-space:nowrap</title> 4 <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> 5 <style> 6 html,body { 7 color:black; background-color:white; font:10px/1 monospace; padding:0; margin:0; 8 } 9 10 div { 11 border: 5px solid blue; 12 white-space: pre; 13 } 14 .max > div { 15 width: max-content; 16 } 17 18 span { 19 border: 2px solid gray; 20 padding: 0 10px 0 6px; 21 border-width: 0 8px 0 5px; 22 margin: 0 4px 0 3px; 23 background: yellow; 24 } 25 26 f { margin-right: 30px; float: left; } 27 .l { margin-right:0; border-right-width:0; padding-right:0 } 28 .r { margin-left:0; border-left-width:0; padding-left:0 } 29 </style> 30 <body> 31 <f class="max"> 32 <div><span>‮a‭bc</span><span>d‮e‭f</span> 33 </div> 34 <div><span>‮a‭bc</span>aa<span>d‮e‭f</span> 35 </div> 36 <div><span>‮a‭bc</span> <span>d‮e‭f</span> 37 </div> 38 <div><span>‮a‭bc </span><span>d‮e‭f</span> 39 </div> 40 <div><span>‮a‭bc</span><span> d‮e‭f</span> 41 </div> 42 <div><span>‮a‭bc</span> aa<span>d‮e‭f</span> 43 </div> 44 <div><span>‮a‭bc </span>aa<span>d‮e‭f</span> 45 </div> 46 <div><span>‮a‭bc</span>aa<span> d‮e‭f</span> 47 </div> 48 <div><span>‮a‭bc</span> aa <span>d‮e‭f</span> 49 </div> 50 <div><span>‮a‭bc</span>aa <span>d‮e‭f</span> 51 </div> 52 <div><span>‮a‭bc</span>aa</div> 53 </f> 54 55 <f class="max"> 56 <div><span>‮a‭bc</span><span>d‮e‭f</span> 57 </div> 58 <div><span>‮a‭bc</span>aa<span>d‮e‭f</span> 59 </div> 60 <div><span>‮a‭bc</span> <span>d‮e‭f</span> 61 </div> 62 <div><span>‮a‭bc </span><span>d‮e‭f</span> 63 </div> 64 <div><span>‮a‭bc</span><span> d‮e‭f</span> 65 </div> 66 <div><span>‮a‭bc</span> aa<span>d‮e‭f</span> 67 </div> 68 <div><span>‮a‭bc </span>aa<span>d‮e‭f</span> 69 </div> 70 <div><span>‮a‭bc</span>aa<span> d‮e‭f</span> 71 </div> 72 <div><span>‮a‭bc</span> aa <span>d‮e‭f</span> 73 </div> 74 <div><span>‮a‭bc</span>aa <span>d‮e‭f</span> 75 </div> 76 <div><span>‮a‭bc</span>aa</div> 77 </f>