<!DOCTYPE html> <html lang="en-US"> <head> <title>intrinsic widths for -moz-max-content, -moz-min-content, -moz-fit-content, and -moz-available values of CSS width property, on blocks</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> div { float: left; clear: left; } </style> </head> <body> <table border><tr><td> <div style="width: -moz-max-content">AA B</div> </td></tr></table> <table border width="1"><tr><td> <div style="width: -moz-max-content">AA B</div> </td></tr></table> <table border><tr><td> <div style="width: -moz-min-content">AA B</div> </td></tr></table> <table border width="1"><tr><td> <div style="width: -moz-min-content">AA B</div> </td></tr></table> <table border><tr><td> <div style="width: -moz-fit-content">AA B</div> </td></tr></table> <table border width="1"><tr><td> <div style="width: -moz-fit-content">AA B</div> </td></tr></table> <table border><tr><td> <div style="width: -moz-available">AA B</div> </td></tr></table> <table border width="1"><tr><td> <div style="width: -moz-available">AA B</div> </td></tr></table> </body> </html>