First one line saying nothing important or special at all but carrying on long enough to be above the next.
Then iM And then some other text to follow... And another strange one in a larger font:αβγM And then we continue writing as usual. (With the enlarged M I needed a double line-break to not have the letters on top run into the line before.)
The HTML looks like this:
<span style="margin-left:-5px;"><span style="font-size:80%; font-style:italic; position:relative; left:7px; top:-8px;">i</span>M</span>
<span style="margin-left:-14px;"><span style="font-size:80%; font-style:italic; position:relative; left:16px; top:-15px;">αβγ</span><span style="font-size:150%;">M</span></span>
To make different character combinations work out you have to play around a bit with the following:
left, margin-left: These sets the left edge of the characters on top, as well as the left of the character aggregate. Note that there is one left and one margin-left in each aggregate. That is, we move the left edge of the characters on top to the right, but in order to not have a large blank space in front where those characters would normally be if we had not moved them, we must set the margin a bit to the left. However, not by quite as much.
top: Sets the top edge of the characters on top. A negative value means further up than normal.
position:relative;: This specifies that all of this top and left positioning takes place relative to normal placement. There are other ways to place characters (with respect to the page and window) but that would really not work in different layouts.
Font-size, font-style: Adjust the size of the characters a bit. In order to make the second one work out I had to increase the size of the M. Making the ones on top much smaller means they don't display too well. Italics because in your pics the top ones looked a bit italic.
M,i,αβγThe characters to print in the aggregate.
You could code something in PHP which would produce arbitrary jpegs on demand, but for fixed content, images seem easier.
A PDF download would be even better - you'd get full formatting control with the ability to use any font.
MathML 2.0, a W3C Recommendation was released on 21 Feb 2001. A product of the W3C Math working group, MathML is a low-level specification for describing mathematics as a basis for machine to machine communication. It provides a much needed foundation for the inclusion of mathematical expressions in Web pages [more].
See, please:
Παντὸς κύκλου ἡ περίμετρος τῆς διαμέτρου τριπλασίων ἐστὶ καὶ ἔτι ὑπερέχει ἐλάσσονι μὲν ἢ<.........> Ἡ ΕΗ ἄρα πρὸς ΗΓ δυνάμει λόγον ἔχει, ὃν λδM ͵θυν πρὸς βM ͵γυθ.
This renders well in Internet Explorer, Opera Internet, Firefox browsers. But what is seen in my notepad it has to be adjusted in ET. Perhaps because of the difference between Palatino Linotype and style default on ET. This is in my Bloc:
It also works for do not add a line spacing.
Thank you, Someone! I have everything I need to edit Archimedes! When Procrustes looks after you, you're sure to fit in.