Inline style sample

Each paragraph has its own style attribute.
The paragraph elements look like this:

  <p style="background-color: red; color: white;">
    This is the first paragraph.
  </p>
  <p style="background-color: blue; color: yellow;">
    This is the second paragraph.
  </p>
          

Within each element, I put a style attribute.
Within the attribute value, each property is followed by a colon, then the value, then a semicolon.

In the first paragraph this is:
The property background-color then the colon then the value red then the semicolon.
The property color then the colon then the value white then the semicolon.

Notice that the whole value, with all the styles, is enclosed in quotes.

In the second paragraph this is:
The property background-color then the colon then the value blue then the semicolon.
The property color then the colon then the value yellow then the semicolon.

This is the first paragraph.

This is the second paragraph.