How do I align values in a CSS table based on a point?

There are a couple of potential solutions to this, but none are widely supported - at least they've not been since I last investigated this.

<col alight ="char" char="."> in your table heading

or use and assign a class to the text

.tabalight { text-align: "." }

Ha Ha I like John F's answer.

There is only one way to do what your asking and thats dynamically with something server side like PHP or client side like Javascript. Meaning you can not use something static, like HTML or CSS, by itself to accomplish this.

Since Javascript and PHP is out of the question I wont explain how you could do it that way, instead all I can recommend is hard coding it using the non-breaking space -> & n b s p ;

Just in case Yahoo messes that up I spaced it, just put it all together. This means you would have to do something like this.

__& n b s p ;1.00__

__20.00__

Shows up as

__ 1.00__

__20.00__

You get what I mean. OR just make sure the decimal is always the same and align the text to the right?

in case you elect the orange textual content textile interior the empty white shadowed bins, why no longer purely substitute the empty white area to orange? in case you do no longer decide directly to do this you are going to would desire to specify the left and appropriate values for the situation, and additionally the top and width of the orange bar to make it slot in that area. for the orange bar you have particular a width of 1130px that's wider than maximum individuals's browser window, that isn't help. are you able to grant a photoshopped occasion of what you're attempting to get it to look like or complex on your description? yet different than for that, for shape i might positioned all your '.lrl' bins down the left into yet another containing div so as that the completed left panel is dealt with as one merchandise by potential of each and every thing around them.

1. i dont think this is possible.

2. I think it would look stupid/ugly that way anyways.