CSS Display Property

Full Stack Web Development Courses with Real-time projects Start Now!!

Program 1

<html>
    <head>
        <style>
           a{
            display:block;
           }
           /*p{
            display:inline;
           }*/
           p{
            display:none;
           }
           ul{
            list-style-type: none;
            margin:0;
            padding:0;
           }
           ul li{
            display:inline;
           }
        </style>
    </head>
    <body>
       <!--<a href="#">Click</a>
       <img src="C:\\Users\\Lenovo\\Downloads\\bird.jpg">-->

       <!--<p>This is some text</p>
       <p>This is some other text</p>-->
       <ul>
        <li>Tea</li>
        <li>Milk</li>
        <li>Coffee</li>
       </ul>
       <p>Some text</p>
    </body>
</html>

 

We work very hard to provide you quality material
Could you take 15 seconds and share your happy experience on Google

courses
Image

DataFlair Team

DataFlair Team provides high-impact content on programming, Java, Python, C++, DSA, AI, ML, data Science, Android, Flutter, MERN, Web Development, and technology. We make complex concepts easy to grasp, helping learners of all levels succeed in their tech careers.

Leave a Reply

Your email address will not be published. Required fields are marked *