ist-style-position: inside; }

.wrap { width: 22ch; }
ib { display:inline-block; }
</style>
</head>
<body>

<div class="wrap">
<span><ib><li>A</li></ib> A A A A A A A A A A A A A A A A A A A </span><span style="white-space:pre"><ib><li value=2></li></ib>B</span>

<ol>
<span><ib><li>A</li></ib> A A A A A A A A A A A A A A A A A A A </span><span><ib><li>B</li></ib></span>
<span><ib><li>C</li></ib></span>
</ol>

<ol style="display:inline">
<span><ib><li>A</li></ib> A A A A A A A A A A A A A A A A A A A </span>