li-insert-child-ref.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<!--

     Any copyright is dedicated to the Public Domain.

     http://creativecommons.org/publicdomain/zero/1.0/

-->

<html><head>

  <meta charset="utf-8">

  <title>Reference: Insert text node as first child in LI</title>

  <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.org">

  <style>

    ul.inside { list-style-position: inside; }

    .before::before { content: "before"; }

    .after::after { content: "after"; }

  </style>

</head>

<body>

<ul class="inside">

  <li>AB</li>

</ul>

<ul class="inside">

  <li class="before">AB</li>

</ul>

<ul class="inside">

  <li class="after">AB</li>

</ul>

<ul class="inside">

  <li class="before after">AB</li>

</ul>

<ul>

  <li>AB</li>

</ul>

<ul>

  <li class="before">AB</li>

</ul>

<ul>

  <li class="after">AB</li>

</ul>

<ul>

  <li class="before after">AB</li>

</ul>

</body>

</html>