• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 81
  • 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
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
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

Featured Post

[Webinar] Database Backup and Recovery

Does your company store data on premises, off site, in the cloud, or a combination of these? If you answered “yes”, you need a data backup recovery plan that fits each and every platform. Watch now as as Percona teaches us how to build agile data backup recovery plan.

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