2017-10-19 12 views
-1

私はあるdivを右に揃えようとしています。現在のdivは左にあります。 divを右に揃えようとしています

写真では、名前を右に、価格を左に移動しようとしています。 はいくつかのCSSアライメントを成功させました。 link to section on site

多くの感謝!

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

答えて

0

は、サイト上のフレキシボックスを使用しているので、この

.wpb_wrapper { 
    direction: rtl; 
} 
+0

悲しいことに、うまく機能しませんでした。おかげで –

2

を試してみてください。

+0

は悲しいかなかうまくいきませんでした。ありがとう –

+1

@ dormeljon私はあなたのサイト(dev.tools経由)でこの方法をテストしましたが、奇妙なことにあなたのために働いていません... – Flying

+0

Chrome Developer Toolsでテスト済みです。これは動作します –

0

あなたはまた、あなたの.innerラッパーにfloat: rightを削除する必要があります。必要な変更はorderスタイルを使用することによって達成することができます -

関連する問題