日本語コミュニティーへようこそ!コミュニティーを使い始めるには

をご覧ください

Menu alignment

解決
名誉投稿者

Hello all,

 

I am trying to get the 'Get app' in the top menu to float to the right, above the customer login button, but it is stubbornly floating to the left.

 

Do you know why it is doing this and how i can get it to float to the right?

 

Any help would be greatly appreciated.

 

Many thanks,

Jamila

返信
0 いいね!
承認済みベストアンサー

受理された解決策
名誉アドバイザー

@Jlawal,

 

The element you are attempting to float right is set to 100% of its containers width so it has no where to move.

Instead of Float: right; as your inline styling on that element, try text-align: right;. The outer most wrapping around your text, that is not 100% width, is a span tag. Span tags are inline items so the are effected by text rules like alignment, and inherit from their parents. Setting the raw html container's inline styles to "text-align: right;" does what you need.

 

 

Need help? Hire Us Here

- Jonathan Sumner
3件の返信3
名誉アドバイザー

@Jlawal,

 

The element you are attempting to float right is set to 100% of its containers width so it has no where to move.

Instead of Float: right; as your inline styling on that element, try text-align: right;. The outer most wrapping around your text, that is not 100% width, is a span tag. Span tags are inline items so the are effected by text rules like alignment, and inherit from their parents. Setting the raw html container's inline styles to "text-align: right;" does what you need.

 

 

Need help? Hire Us Here

- Jonathan Sumner
Highlighted
名誉投稿者

Thank you for that breakdown @Jsum

 

That works perfectly and your solution makes sense. I'm going to keep inline styles in containers going forward! ロボット ハッピー

トップ投稿者

Hi @Jlawal,

You can add this CSS,

 

.top-header {
    text-align: right;
}