How to make the contents of tables in Cart and Checkout page right justified?

Try this in your custom css:

.woocommerce table.cart th,
.woocommerce table.cart td,
.woocommerce #content table.cart th,
.woocommerce #content table.cart td,
.woocommerce-page table.cart th,
.woocommerce-page table.cart td,
.woocommerce-page #content table.cart th,
.woocommerce-page #content table.cart td,
.woocommerce table.shop_table th,
.woocommerce-page table.shop_table th,
.woocommerce table.shop_table td,
.woocommerce-page table.shop_table td
{text-align: right;}

Thanks for your reply, but as you see in the pic below, two elements are not still right justified. How to solve this problem?
https://2upload.ir/images/p96ivdx3qr8v8z0sw9w.png
Explanation: the right frame is an option for the product.
In fact,the two elements should be like below:
https://2upload.ir/images/wdjzcfeei1qpoftzbpk.png

Some more custom css:

.quantity {float:right;}
.product-name a {float:right;}

Thanks. The quantity now is OK, but the place of “???? ????? ???? ?????:” is not right. In other words it should be like below:
https://2upload.ir/images/wdjzcfeei1qpoftzbpk.png

Explanation: “???? ????? ???? ?????:” is something like “Size: Medium”

Try this in your custom css:

.woocommerce td.product-name dl.variation,
.woocommerce-page td.product-name dl.variation
{float:right}

I found it myself:
.woocommerce-page td.product-name dl.variation dd,.woocommerce-page td.product-name dl.variation dt{display:inline-block;float:right;margin-bottom:1em}
Thanks for your help.