CSS - Display

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Display</title>
    <style type="text/css">
        p{
            padding: 10px;
            line-height: 50px;
        }

        .p1{
            display:none;
            background-color: black;
        }

        .p2{
            display:inline;
            background-color: yellow;
        }

        .p3{
            display:block;
            background-color: pink;
        }

        .p4{
            display: inline-block;
            color: cyan;
            background-color: black;
        }
    </style>
</head>
<body>
    <p class="p1">
        HTML, or Hypertext Markup Language, is the standard markup language used for creating web pages and applications. It provides a set of tags and attributes that can be used to define the structure and content of a web page.
    </p>
    <p class="p3">
        HTML documents are typically created using a text editor or integrated development environment (IDE), and can be viewed in a web browser. <p class="p2">HTML</p> is an important language for anyone interested in web development, as it forms the foundation for creating websites and web applications.

    </p>
    <p class="p3">
        It is also a useful skill for anyone who wants to understand how web pages work and how they are created. With the right tools and resources, learning <p class="p4">HTML</p> can be a straightforward and rewarding journey.
    </p>
</body>
</html>