JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <div id="dotted">Marinated Olives</div>   
    <div>4.00E</div>   
</div>

CSS

div{
    float:left;
}

#dotted::after{
    content: "..................";
    letter-spacing: 4px;
    font-size: 18px;
    color:orange;
    margin-left:20px;
}