试图将div与右对齐

Question

我试图将某个div对齐。当前的div是左边的。

你可以在图片中看到，我试图将名称向右移动，价格向左移动。 尝试了几个CSS对齐但没有成功。 link to section on site

非常感谢！

Answer 1

由于您在自己的网站上使用了flexbox，因此可以使用order样式实现所需的更改：

.nectar_food_menu_item .item_name {
  order: 3;
}
.nectar_food_menu_item .line_spacer {
  order: 2;
}
.nectar_food_menu_item .item_price {
  order: 1;
}

Answer 2

试试这个

.wpb_wrapper {
    direction: rtl;
}

Answer 3

您还应该删除float: right包装上的.inner。