html - 显示价格下方的文字

标签 html css

如果您访问此link ,您可以在页面中央看到下图:

enter image description here

在此网站上,如果您将鼠标悬停在窗口右上角的货币符号上,您可以看到下拉选项,更改下拉选项后,您可以在旁边看到“通常在 3-5 个工作日内送达”文本价格 - 我希望此文本低于价格,如下图所示:

enter image description here

这是我正在使用的CSS,无论我如何尝试,都无法获得所需的结果。有人可以给我建议吗?谢谢。

font-family: 'Roboto Condensed', sans-serif;
    color: #636363;
    font-size: 14px;
    line-height: 1.5;
}

最佳答案

.price-info

起飞

max-width: 31%;

这样它就占据了整行

关于html - 显示价格下方的文字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38512586/

相关文章:

jquery - 如何使用 jquery 自动滚动到目标 div?

javascript - 循环显示时如何将onclick事件应用于html标签

javascript - 位置 :relative not working when added through javascript

悬停时的 CSS Grow 会在图像底部添加填充,我该如何阻止这种情况发生?

html - CSS 布局问题 - DIV 和 float

html - 可滚动的导航菜单

javascript - jQuery 附加 li 到 ul 无法点击

html - <a href> 的背景颜色无法在列表中正确显示

javascript - 将 flex 元素堆叠到 flex 容器的底部

css - CSS "!important"修饰符的正确名称