<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Lists: test the change of list-style-position</title>
<style>
div {
  display: list-item;
  margin-left: 40px;
  border: 5px solid;
}
div > div { list-style-type: decimal }
div > div > div { list-style-type: lower-roman }
.inside { list-style-position: inside }
</style>
<div><div><div class="inside">text</div></div></div>