Skip to Main Content

Advanced Topic: Inline Styles

Using the HTML Source editor, you can control the presentation of HTML elements by adding a style parameter. Here are some examples.

Change the Color of a Heading

Here's the original HTML...

<h2>Some text...</h2>

And here we set the color to blue...

<h2 style="color:blue;">Some text...</h2>

We could also use a hex value to specify the color...

<h2 style="color:#0000ff;">Some text...</h2>

Change Multiple Styles

Here we set both the font size and the color...

<h2 style="color:blue; font-size:18px;">Some text...</h2>

Add a Border and Padding

Here we add a teal colored border around a paragraph (with a little padding so that the text doesn't touch the border)...

<p style="border: 1px solid #008B8B; padding: 12px;">Some text...</p>

Other Style Properties

There are lots of style properties you can control. Here's a list of CSS style properties you can experiment with.

Can't find the answer?

Contact Support

Special Discount