如何防止文本与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
}