How to apply inline CSS ?

In this article we will learn how to apply inline CSS, Inline CSS contains the CSS property in the body section attached to the element is known as inline CSS. This kind of style is specified within an HTML tag using the style attribute. It is used to apply a unique style to a single HTML element.

Syntax:

<tag style = " "></tag>

Example 1: Here is the basic example of using inline CSS.

HTML




<!DOCTYPE html>
<html>
  <body>
        <p style="color: #009900;
                   font-size: 50px;
                    font-style: italic;
                    text-align: center;">
               w3wiki
            </p>
  </body>
</html>


Output:

Example 2: Here is the demonstration of inline CSS.

HTML




<!DOCTYPE html>
<html>
<body>
    <h2 style="color: green;
               background: yellow">
        Beginner For Beginner
    </h2>
    <p style="color: black">
        Happy Preparation!!.
    </p>
</body>
</html>


Output:



Contact Us