JSFiddle - React, Tailwind, and code Playground

HTML

<input value="128" type="number"> cats<br>
<input value="64" type="number" readonly> litterboxes<br>
<span>64</span> litterboxes

CSS

body { background:#333; color:#fff }
input { width:4em }
input[readonly] {
    background:none; color:inherit;
    border:0; margin:0; padding:0;
    width:auto; display:inline;
}