Html 价格调整'；s使用CSS的位置（Woo commerce Store）

价格与名称（标题）的对齐问题

CSS代码

.mgrt-product-title .price {
 padding-left: 749px;
 font-weight: bold;
 color:#000;
}

---

您可以在此处检查当前对齐方式-。如何将所有价格对齐到同一行？

在这里，您需要更改填充，因为根据文本的大小，您的填充是向左的，您的价格位置会有所不同。保持从右侧填充，它将被设置

.mgrt-product-title .price {
 float :right;
 padding-right: 100px;
 font-weight: bold;
 color:#000;
 }

---

我会删除左边的填充，改为使用

右边的填充（例如100px或任何你喜欢的），然后添加
float:right这样所有价格都以相同的距离向右侧对齐

.mgrt-product-title .price {
 float: right;
 padding-right: 100px;
 font-weight: bold;
 color:#000;
}

嗨，谢谢你的问候。我加了你的垫子，但还是不好看。再查一遍。我试着这样做：这么做之后，所有的价格不是都在同一个地方吗？没有，看起来一团糟。检查第一篇文章中的URL，并查看。。看起来很糟糕。这是我目前拥有的代码：
.mgrt product title.price{padding left:749px；padding right:100px；font-weight:bold；color:#000；}
但看起来很糟糕..您的代码运行良好。只有一个提示更多，如何移动按钮像这样的形象？CSS是这样的：
a.add_to_cart_按钮
如果没有你真正的代码，我不能肯定，但是添加
右边距：100px（即，与您用于填充价格右侧的值相同的值）应适用于按钮。为此添加相同的内容为-。按钮。添加到购物车按钮浮动：右；右边填充：100px；然后在.mgrt产品描述中，添加填充底部：20px是的，但我认为该按钮需要向上移动，以便接近我以前提供的图像。你不这么认为吗？这个代码对我有用：
.mgrt product.button.add_to_cart_button{右边距：20px；底部距：110px；}