JSFiddle - React, Tailwind, and code Playground

by David

HTML

<div><i></i></div>

CSS

div {
  display:flex;
  justify-content: center;
  position:relative;
  border: 1px solid red;
}

i:before {
    font: var(--fs-font-solid);
    content: attr(icon-before); // "\f099";
    position: absolute; 
    font-size: 1.5em;
    margin:0.1em;
}

i:after {
    font: var(--fs-font-solid);
    content: attr(icon-after); // "\f096";
    position: absolute; 
    font-size: 2.1em;
}