Inline Styles

An inline style is declared within the opening tag of the element it applies to, within the body of the HTML document.

This paragraph has an inline style declaration in its opening <p> tag that causes the paragraph to be printed in green and in italics.

This paragraph has no inline style delclaration in its opening <p> tag.

To apply a style to just part of a paragraph rather than the whole paragraph, the <span> tag is often used. The <span> tag is just used for grouping (like parentheses in a mathematical formula) and carries no meaning. Putting <span> tags around part of a paragraph allows you to apply an inline style to just that section of text between the <span> and </span> tags.

Look at the source code of this page (styles1-inline.html) and answer the following question:

1. What happens when two inline styles conflict? Can you tell from the way this page displays how the browser determines which of the conflicting styles gets displayed? How did you arrive at your answer?