I'm now adding Text here.
<span style="font-size: large; color: brown;"> I'm now adding Text here. </span> <br>

....if I had chosen x-large Font-size, and color: Black;....
the end result would have been this:
I'm now adding Text here.

If desired, Two (or more) Span-styles can be used.
Each may be designated its own Size and Color.
also note:
xx-small is the smallest denominator,
medium is averaged-sized,
while xx-large is the highest.
all options include xx-small, x-small, small, medium, large, x-large, xx-large.
(two additional features are 'larger' and 'smaller' than the previous variable

In example TR-1, the primary text is Large; black.
(Here, I'm contrasting Large with x-small for demonstrative purposes only.
Chances are; you can barely see the green X-small secondary Text.
-----------
example TR-1
---------
Place the Title here
secondary x-small Titles are being used below.
The size of Text can be altered. ...In this case, I'm choosing X-small.

Continue writing here.
<span style="font-size: large; color: #000000;"> Place the Title here</span> <br> <span style="font-size: x-small; color: green;"> secondary x-small Titles are being used below.<br> The size of Text can be altered. ...In this case, I'm choosing X-small. </span> <p> Continue writing here.

The Sizing Method also works when using Links.
example TR-2
----------
XX Large Title
x-small Titles are being used below.
Title1 | Title2 | Title3 | Title4 | Title5
Title6 | Title7 | Title8 | Title9 | Title10 | Title11 |
Title12 | Title13 | Title14 | Title15 | Title16
Title17 | Title18 | Title19 | Title20 | Title21 | Title22
Notice how the Text links are also small!
This can also become large, if desired.
Everything maintains the standard format within both enclosed span Style and Span tags.
In this case, from opening line until end-of-paragraph.
The opening tag enables me to choose Size of text, along with its colors.

Continue writing here.

The following example will use unusual color-schemes in order to emphasize their functions.
Example VX3

here's a brief explanation of each function:
<div style="background-color:#000033 (the color which surrounds the entire area. I've chosen a purplish color.); padding:3px; color:#4ddddd (COLOR OF TEXT... BOTH WITHIN the Wrap-over, AND, also the headline Text. I've chosen light blue.); font-size:12px; text-align:justify; "> <center> Here; for headline text, I'm choosing Font-Size 12PX </center> <div style="background-color:#242522 (the ENTIRE SHADED BACKGROUND within the area- I've Chosen Dark Grey.); padding:2px; font-size:22px; text-align:justify; "> <center> Large Text. The font size I've chosen is 22px. </center> </div> </div>

I prefer placing text only within the inner text-field
(I'm removing the outer headline text. and, I'm also increasing the padding to 6px;)