Html 如何对齐多个Foundation 5定价表和说明?

Html 如何对齐多个Foundation 5定价表和说明?,html,css,zurb-foundation,Html,Css,Zurb Foundation,我使用的是Zurb Foundation 5和10柱网格。他们的定价表是由一个没有样式的ul组成的,我将其中四个并排使用,用列分隔。最左边的两列应包含一组垂直对齐的定价表标签 我正在努力解决如何正确定位左边的描述性文本。将它们放在ul中也适用于某些屏幕尺寸,但并非所有屏幕尺寸都适用,因为它与右侧文本的换行方式无关。(注意价格容器的高度不同) 我也尝试过使用表标记(毕竟是表格数据),但没有成功地将其与基础网格宽度对齐。你们知道我如何实现最左边的文本元素和相应的垂直位置的正确对齐吗?感谢您的帮助

我使用的是Zurb Foundation 5和10柱网格。他们的定价表是由一个没有样式的
ul
组成的,我将其中四个并排使用,用列分隔。最左边的两列应包含一组垂直对齐的定价表标签

我正在努力解决如何正确定位左边的描述性文本。将它们放在
ul
中也适用于某些屏幕尺寸,但并非所有屏幕尺寸都适用,因为它与右侧文本的换行方式无关。(注意价格容器的高度不同)

我也尝试过使用表标记(毕竟是表格数据),但没有成功地将其与基础网格宽度对齐。你们知道我如何实现最左边的文本元素和相应的垂直位置的正确对齐吗?感谢您的帮助