Commit 98d2e576 authored by Thangaraj G's avatar Thangaraj G
Browse files

display samples

parent fbd33b9a

sample.html

0 → 100644
+60 −0
Original line number Diff line number Diff line 
<!DOCTYPE html>

<html lang="en">

  <head>

    <meta charset="UTF-8" />

    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>Document</title>

    <style>

      .main {

        background-color: yellow;

        width: 500px;

      }

      .para p {

        display: inline;

        /* width: 100px;no use */

      }

      .heading h1,

      h2 {

        display: block;

        /* width: 100px; no use */

      }

      .bg {

        background-color: azure;

      }



      .con {

        display: inline-block;



        /* visibility: hidden;

         */

        /* display: none; */

        width: 100px;

      }

    </style>

  </head>

  <body>

    <div class="main">

      <div class="bg">Inline</div>

      <div class="para">

        <p>the world amazing</p>

        <p>the world amazing</p>

        <p>the world amazing</p>

        <p>the world amazing</p>

        <p>the world amazing</p>

        <p>the world amazing</p>

        <p>the world amazing</p>

      </div>

      <div class="bg">block</div>

      <div class="heading">

        <h1>HEADING</h1>

        <h2>the world</h2>

      </div>

      <div class="main-2">

        <div class="con">cheating</div>

        <div class="con">cheating</div>

        <div class="con">cheating geethejkdjkfdkjfkh</div>

      </div>

    </div>

  </body>

</html>