New answers tagged numbers
If the first field is a quantity for an item then it's probably best not to align in and instead make them in one line: Item 1 10 x 300 USD or 10 x Item 1 @300USD 3000 USD Your version 1 is, IMO, horrible; it implies similarity where there is none. Similar things should look similar, while different things should look different.
Decimal numbers should always align on the decimal. In desktop publishing software, you'd use a decimal tab stop just for this. It's what it was designed for. In HTML, alas, this can be a bit tricky as there is no concept of the decimal tab stop. There are two solutions: Use monospaced fonts, make sure every number has the same number of decimal places ...
If you're going to display this in a UI, consider alternating the row background colors - between white and a faint/light color of your choice for easier reading. You can choose to also style your headers row and totals row, but make sure they're readable. In order to ensure proper right-alignment, use a mono-spaced font. The slightest misalignment of that ...
Consistency is key here I think. So, for currency, always use two decimals and align every number to the right. It took me some time to make sense of the table you displayed in your post. I would go for something like this: tender qty amt 5.00 1 5.00 10.00 1 10.00 100.00 1 100.00 0.05 1 0.05 0.10 1 ...
I would suggest keeping the amount in dollars at all times. Cent values can be shown as decimal dollar values. Also, you can always have tender and amt columns to show values right-aligned and up to 2 decimal places. This will make values more presentable and less confusing.
Top 50 recent answers are included