JSFiddle - React, Tailwind, and code Playground

by villard

HTML

<div class="line cf">Text text text<div class="line-number">12</div></div>
<div class="line cf">Text text text<div class="line-number">13</div></div>

CSS

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.line-number {
  float: right;
  width: 10%;
  margin-left:90%;
}