<!DOCTYPE html><html><head><title> CSS Test: Different values of block sizing properties with max-content and min-content in vertical wm</title><metacharset="utf-8"><linkrel="author"title="Boris Chiou"href="mailto:boris.chiou@gmail.com"><linkrel="help"href="https://drafts.csswg.org/css-sizing/#sizing-values"><linkrel="match"href="vert-block-size-small-or-larger-than-container-with-min-or-max-content-1-ref.html"><metaname="flags"content="ahem"><linkrel="stylesheet"type="text/css"href="/fonts/ahem.css"><linkrel="stylesheet"type="text/css"href="support/min-content-max-content.css"><style>html,body{margin:0;}.container{width:200px;height:120px;border:2pxsolidblue;writing-mode:vertical-lr;}.container>*{border:2pxsolidlime;font-size:15px;font-family:Ahem;font-size:10px;line-height:15px;}.too-small{width:10px;}.too-big{width:120px;}</style></head><body><divstyle="display: inline-block;"><divclass="container"><divclass="width-min-content">width: min-content<br>on this box.</div><divclass="width-max-content">width: max-content<br>on this box.</div></div><divclass="container"><divclass="too-small min-width-min-content"> min-width: min-content<br>on this box.</div><divclass="too-small min-width-max-content"> min-width: max-content<br>on this box.</div></div><divclass="container"><divclass="too-big max-width-min-content"> max-width: min-content<br>on this box.</div><divclass="too-big max-width-max-content"> max-width: max-content<br>on this box.</div></div></div><divstyle="display: inline-block;"><divclass="container"><divclass="block-min-content">block: min-content<br>on this box.</div><divclass="block-max-content">block: max-content<br>on this box.</div></div><divclass="container"><divclass="too-small min-block-min-content"> min-block: min-content<br>on this box.</div><divclass="too-small min-block-max-content"> min-block: max-content<br>on this box.</div></div><divclass="container"><divclass="too-big max-block-min-content"> max-block: min-content<br>on this box.</div><divclass="too-big max-block-max-content"> max-block: max-content<br>on this box.</div></div></div></body></html>