Online CSS Editor

Browse more Css Examples

<!DOCTYPE html>
<html>
    <head>
<title>Css Example</title>
<style>
    .style1{
        color:green;
        font-family:Times new roman;
    }
    .style2{
        color:red;
        font-family:monotype corsiva;
    }
    #mydiv{
        height:300px;
        width:100px;
        padding:100px;
        background-color:yellow;
    }
</style>
</head>
<body>
    <div id="mydiv">
    <h2 class="style1">Heading 1</h2>
    <p class="style1">This is a paragraphy for heading 1</p>
    
    <h2 class="style2">Heading 2</h2>
    <p calss="style 2">This is a paragraphy for heading 2</p>
    </div>
</body>
</html>

Online CSS Editor

Follow

Newsletter