Align To The Right

Hi,

My client wants me to align all of his prices to the right on his Menu page.

As you can see below, he has added each menu item on a new line, followed by the price.

ss
What is the best way to align the price over to the right, other than using a 2 column table?

I need to provide a solution that my client can use too, once i set it up for him and demonstrate it.

Thanks in advance for your help
oo7mlAsked:
Who is Participating?
 
Jason C. LevineNo oneCommented:
This is what tables are for...display of data in a tabular format.
0
 
MontoyaProcess Improvement MgrCommented:
like this?

<ul>
    <li>SharePoint <div class="price"> 20.00</div> </li>
    <li>CMS <div class="price">50.00</div> </li>
   
   
</ul>

***CSS****
li {

    color: blue;
   
}

.price {
float: right;
margin-right: 40%;
 
    color: red;
}
0
 
oo7mlAuthor Commented:
True, just through there would be a better way to achieve it considering it's only 2 columns.
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

 
oo7mlAuthor Commented:
Thanks @Iammontoya
0
 
MontoyaProcess Improvement MgrCommented:
oo7ml.. did that not work for you?
0
 
Jason C. LevineNo oneCommented:
CSS solutions will also work fine but this is a case where you could use a table and no harm is done.  Just be careful when floating divs and test the result on both desktop and mobile.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.