Easy way to right justify menu in a div tag?

Let us know what you would like to see in the next version of Easy Button & Menu Maker

Easy way to right justify menu in a div tag?

Postby markwalther » Mon May 04, 2015 4:36 pm

Hi,

I was wondering if there is an easy way to right justify the entire menu in a div tag. I have a div tag that is 960 pixels in length, and I want the menu to be right justified.

Sorry if this is a simple CSS question, but I've tried a few things and can't seem to get it right.

Love this program, keep up the great work......hopefully soon, you'll have mobile friendly menus....you know, like the hamburger menu......that appears when you re size the browser....or on a phone or tablet.

Thanks,
Mark
markwalther
 
Posts: 2
Joined: Sat Feb 01, 2014 11:30 pm

Re: Easy way to right justify menu in a div tag?

Postby Aivars » Mon May 25, 2015 10:48 am

Simply add float: right to the menu wrapper element, e.g.

Code: Select all
#mbmcpebul_wrapper {
    float: right;
}
Blumentals Software Programmer
User avatar
Aivars
Blumentals Software Developer
 
Posts: 2385
Joined: Thu Aug 22, 2002 1:40 pm
Location: Latvia

Re: Easy way to right justify menu in a div tag?

Postby KittyCathy » Wed Sep 02, 2015 3:11 pm

Thank you. You are the best.
KittyCathy
 
Posts: 3
Joined: Wed Sep 02, 2015 2:05 pm

Re: Easy way to right justify menu in a div tag?

Postby Roberts710 » Tue Mar 16, 2021 12:15 pm

markwalther wrote:Hi,

I was wondering if there is an easy way to right justify the entire menu in a div tag. I have a div tag that is 960 pixels in length, and I want the menu to be right justified.

Sorry if this is a simple CSS question, but I've tried a few things and can't seem to get it right.

Love this program, keep up the great work......hopefully soon, you'll have mobile friendly menus....you know, like the hamburger menu......that appears when you re size the browser....or on a phone or tablet.

Thanks,
Mark

I've accomplished this quite easily with a simple span element like so: a tag as an inline-block is because I don't want the words inside to be justified <div class="outer"> <span class="inner">THE MENU ITEMS</span> <span p> <p>The first menu item should be left-aligned, the last menu item should be right-aligned.
Roberts710
 
Posts: 2
Joined: Tue Mar 16, 2021 12:13 pm

Re: Easy way to right justify menu in a div tag?

Postby Roberts710 » Thu Mar 25, 2021 9:17 am

Roberts710 wrote:
markwalther wrote:Hi,

I was wondering if there is an easy way to right justify the entire menu in a div tag. I have a div tag that is 960 pixels in length, and I want the menu to be right justified.

Sorry if this is a simple CSS question, but I've tried a few things and can't seem to get it right.

Love this program, keep up the great work......hopefully soon, you'll have mobile friendly menus....you know, like the hamburger menu......that appears when you re size the browser....or on a phone or tablet.

Thanks,
Mark

I've accomplished this quite easily with a simple span element like so: a tag as an inline-block is because I don't want the words inside to be justified <div class="outer"> <span class="inner">THE MENU ITEMS</span> <span p> <p>The first menu item should be left-aligned, the last menu item should be right-aligned WalgreensListens Survey.


Unlike additional blogs I have read which are really not that good. I also found your posts very interesting. In fact after reading.
Roberts710
 
Posts: 2
Joined: Tue Mar 16, 2021 12:13 pm


Return to Easy Button & Menu Maker Feature Requests

Who is online

Users browsing this forum: No registered users and 1 guest

cron