Utilizing a WYSIWYG-editor, I am creating content that I want to display with double font-size, without directly altering the HTML code. Here is an example of the HTML structure:
<div id="contents">
<p style="text-align:center">
<span style="font-size:72px">
<span style="color:#FFFFFF"><span style="font-family:helvetica">Foo</span>
</span>
<span style="font-size:24px">Bar</span>
</p>
</div>
I attempted to increase the font size by doing the following:
span {
font-size: 200%;
}
This resulted in a 400% increase (as there are two spans in this case).
Do you have any suggestions on how to achieve my goal?