CSS Hello World Example

CSS Hello World example introduces how CSS styles work.

Here is the example code, where we have defined some styles for the HTML elements using the style element within the HTML document.

Run this on IDE

<!DOCTYPE html>
<html>
<head>
    <style>
        h1 {
            color: red;
        }
        p {
            color: green;
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>Hello World!</h1>
    <p>The paragraph content goes here.</p>
</body>
</html>

Overall

This example helps us understand the basic CSS example code.