Html 不带表格的特定文本间距

我试图找到一种方法，将特定的文本排列在div的右侧，而其余的文本保持在左侧

我想它是更好的格式，使价格线在右边，而不是在其他文本聚集

有没有办法在没有桌子的情况下做到这一点？我有3个div，其中包含相似的信息，它们都是靠左浮动的。我已经查找了文本间距、行距和文本格式，但找不到任何专门针对此问题的内容

---

感谢您的帮助

样式化的无序列表和标签是很好的伙伴。如果需要，也可以调整列表项上的边距以控制间距

<div class="prices">
    <h2>Rates</h2>
<ul>
    <li>
        <label>Day Pass:</label> $20
    </li>
    <li>
        <label>Month Pass:</label> $20
    </li>
    <li>
        <h3>Personal Training</h3>
    </li>
        <li>
        <label>Something:</label> $20
    </li>
    <li>
        <label>Something else:</label> $20
    </li>
</ul>
</div>

---

谢谢你，我的朋友。它似乎起作用了。有没有别的方法不用硬编码就可以做到这一点？没关系。我想出来了。我只是把一些东西放在一边，把标签贴在价格上，然后把它们放在右边。非常感谢我的朋友。

.prices h2 {
    text-align:center 
}

.prices ul, .prices li {
   list-style:none;
   margin:0;
   padding:0    
}

.prices label {
   display:block;
   float:left;     
   margin-left:120px;
   margin-right:10px; 
}

.prices h3 {
    margin-left:100px;   
}