JSFiddle - React, Tailwind, and code Playground

HTML

<div id=float class=target>float</div>

<ol id=list class=target>
  <li>Line 1</li>
  <li>Line 2</li>
</ol>

CSS

.target {
  transition: all 2s;
}

#float {
  float: right;
}

#list {
  list-style-type: lower-roman;
}

JavaScript

setTimeout(() => {
  float.style.float = 'left';
  list.style.listStyleType = 'upper-roman';
}, 100);