JSFiddle - React, Tailwind, and code Playground

HTML

<div id="block">
    <div id="start">1</div>
    -
    <div id="end">12</div>
</div>

CSS

#block {
    text-align:center;
    background: #000;
    color: white;
    width:150px;
}
#start {
    float:left;
}
#end {
    float:right;
}