Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 83
  • Last Modified:

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
0
oo7ml
Asked:
oo7ml
  • 2
  • 2
  • 2
2 Solutions
 
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
What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

 
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.

Join & Write a Comment

Featured Post

The 14th Annual Expert Award Winners

The results are in! Meet the top members of our 2017 Expert Awards. Congratulations to all who qualified!

  • 2
  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now