I add a text element to the canvas and change the expression to 9<sup>49</sup> (with 'Allow HTML tags' enabled) with the idea of making the cents part of the price (49) small. The problem is the 49 cents appears vertically higher than the dollar part. I want to display the whole price so it vertically aligned to the top. Checking on the web, there are a variety of CSS style commands you can use but I can't get the designer or the preview to apply the styling but the control preview does.
I've changed the expression to:
Code: Select all
9<sup style="vertical-align: top; font-size: 0.5em; position: relative; top: 0.24em;">49</sup>
Ultimately I need the text to appear as below in the designer, preview and the when the preview is saved as a PDF. Is this possible? If so can someone please provide some help?
Sample report: