JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="services">
            <li>Women's Haircut &amp; Style <span>$48 - 68</span></li>
            <li>Perm <span>starts at $95</span></li>
            <li>Girls Haircut (age 12 - 16) <span>starts at $30</span></li>
            <li>Formal Updo <span>starts at $65</span></li>
            <li>Bridal Updo <span>starts at $80</span></li>
        </ul>

CSS

ul.services {
    float:left;    
    width:318px;
    margin:0 0 20px 0;
    padding:0;
    list-style-type:none;
}
    
    ul.services li {
        padding:5px 2px;
        border-bottom:2px dotted #720700;
        font-weight:bold;
        width:314px;
    }
    
        ul.services span {
            float:right;
            display:block;
            font-weight:normal;
            width:80px;
        }