|  | <!DOCTYPE HTML> | 
|  | <meta charset="utf-8"> | 
|  | <title>CSS Reference Case</title> | 
|  | <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> | 
|  | <style> | 
|  | body { | 
|  | /* Increase left margin to ensure we can see the list item's marker. */ | 
|  | margin-left: 50px; | 
|  | } | 
|  | .wrapper { | 
|  | border: 2px solid teal; | 
|  | width: max-content; | 
|  | margin-bottom: 2px; | 
|  | } | 
|  | ul { | 
|  | padding: 0; | 
|  | margin: 0; | 
|  | } | 
|  | </style> | 
|  | <div class="wrapper"> | 
|  | <!-- For this reference case, we just add a <ul> wrapper, which is sufficient | 
|  | to elicit the correct "outside" behavior in browsers that had the bug | 
|  | that we're testing here. --> | 
|  | <ul> | 
|  | <li>unspecified</li> | 
|  | <li>outside</li> | 
|  | <li>initial</li> | 
|  | <li>inherit</li> | 
|  | <li>unset</li> | 
|  | <li>revert</li> | 
|  | <li>revert-layer</li> | 
|  | </ul> | 
|  | </div> |