JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
    		<li>
    			<div class="dot-div"></div>
    			<div class="text-div">
    				<span class="text-span">Item one</span>
    				<span class="text-span pull-right">400$</span>
    			</div>
    		</li>
    		<li>
    			<div class="dot-div"></div>
    			<div class="text-div">
    				<span class="text-span">Item two with long text</span>
    				<span class="text-span pull-right">400$</span>
    			</div>
    		</li>
    		<li>
    			<div class="dot-div"></div>
    			<div class="text-div">
    				<span class="text-span">Item three midium</span>
    				<span class="text-span pull-right">400$</span>
    			</div>
    		</li>
    	</ol>

CSS

ol li{font-size:20px}
    		.dot-div{border-bottom:thin dashed gray; width:100%; height:14px}
    		.text-div{margin-top:-14px}
    		.text-span{background:#fff; padding-right:5px}
    		.pull-right{float:right; padding-left:5px}