How to add related text in line with an input button/field?
Let's say I have an input field where the user is typing a percentage. I want it to look like this:
[text input] %
Or indeed, I might want the label to be inline too:
Discount: [text input] %
Is there a good way to achieve this? Labels always seem to be placed above the field, and any text after the field is placed below, as the input field gets wrapped in a div, which displays as block.
Currently my workaround is to make a controlgroup and add buttons with the text, and then deactivate them.
But is there a better way to add plain text, with the correct vertical alignment?