如何防止文本與CSS中的其他文本不對齊

Question

我正在為我的WordPress網站使用插件，但CSS遇到了麻煩。 當菜單中食物項目的文字說明溢出並跳至下一行時，它使食物的價格失准。 我嘗試使用自動換行：斷行，填充和邊距，但是不確定如何解決該問題。 如果我縮小文本，當然可以正確對齊，但是如果文本太多，問題仍然會發生，當然也很難閱讀。

問題： http : //i.imgur.com/jYy4Vzg.jpg正如您所看到的，說明溢出時價格混亂。

網站： http : //www.handynasty.net/ucity/menu/- >飲料->雞尾酒

任何幫助將不勝感激，非常感謝！

Answer 1

只需將最大寬度提供給item-text和desc的父項

例：

HTML

<div class="desc-cont">
<p class="item-text">..</p>
<p class="desc">..</p>
</div>

CSS

.desc-cont {
 max-width: 500px;
}

要么

.desc-cont{
max-width: calc(100% - 34px) // width of the value
}