width-special-values-float-intrinsic.html (1181B)
1 <!DOCTYPE html> 2 <html lang="en-US"> 3 <head> 4 <title>intrinsic widths for max-content, min-content, -moz-fit-content, and -moz-available values of CSS width property, on blocks</title> 5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 6 <meta http-equiv="Content-Style-Type" content="text/css"> 7 <style type="text/css"> 8 9 div { float: left; clear: left; } 10 11 </style> 12 </head> 13 <body> 14 15 <table border><tr><td> 16 <div style="width: max-content">AA B</div> 17 </td></tr></table> 18 19 <table border width="1"><tr><td> 20 <div style="width: max-content">AA B</div> 21 </td></tr></table> 22 23 <table border><tr><td> 24 <div style="width: min-content">AA B</div> 25 </td></tr></table> 26 27 <table border width="1"><tr><td> 28 <div style="width: min-content">AA B</div> 29 </td></tr></table> 30 31 <table border><tr><td> 32 <div style="width: -moz-fit-content">AA B</div> 33 </td></tr></table> 34 35 <table border width="1"><tr><td> 36 <div style="width: -moz-fit-content">AA B</div> 37 </td></tr></table> 38 39 <table border><tr><td> 40 <div style="width: -moz-available">AA B</div> 41 </td></tr></table> 42 43 <table border width="1"><tr><td> 44 <div style="width: -moz-available">AA B</div> 45 </td></tr></table> 46 47 </body> 48 </html>