wpt / css / CSS2 / lists / list-style-applies-to-016.html

Status: PASS | Duration: 15ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

/css/CSS2/lists/list-style-applies-to-016.html

<!DOCTYPE html>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://www.w3.org/TR/CSS21/generate.html#propdef-list-style">
<link rel="help" href="https://www.w3.org/TR/CSS21/generate.html#list-style">
<link rel="help" href="https://github.com/servo/servo/issues/37222">
<link rel="match" href="../../reference/single_square_list_marker.xht">
<meta name="assert" content="The 'list-style' property applies to a list item which is a sibling of a float.">

<p>Test passes if there is a single square below.</p>
<div style="margin-left: 1in">
  <div style="float: left"></div>
  <div style="display: list-item; list-style: square"></div>
</div>

/css/reference/single_square_list_marker.xht

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title>Reference rendering - single square below, list marker, 96px left offset</title>
   <link rel="author" title="Opera Software" href="https://opera.com"/>
   <style type="text/css">
      div {
         display: list-item;
         list-style: square;
         margin-left: 96px;
      }
   </style>
</head>
<body>
   <p>Test passes if there is a single square below.</p>
   <div>&nbsp;</div>
</body>
</html>