JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/vue@3.1.0/dist/vue.global.js"></script>
<div id="app">
  <ol>
      <li style="display: inline"><a href="#">A</a> &raquo; </li>
      <li style="display: inline"><a href="#">B</a></li>
  </ol>
  <ol>
      <li style="display: inline-block"><a href="#">A</a> &raquo; </li>
      <li style="display: inline-block"><a href="#">B</a></li>
  </ol>
  {{foo}}
</div>

JavaScript

const app = Vue.createApp({
	data() {
  	return {
    	'foo': 'bar'
    };
  }
});

app.config.compilerOptions.whitespace = 'preserve';

app.mount('#app');