Commit 1725944f authored by Thangaraj G's avatar Thangaraj G
Browse files

boxing sample

parent 98d2e576

boxing.html

0 → 100644
+42 −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>

      .content-box {

        box-sizing: content-box;

        width: 300px;

        background-color: rosybrown;

        padding: 25px;

        border: 2px solid red;

      }

      .box {

        width: 300px;

        background-color: turquoise;

        height: 50px;

      }

      .border-box {

        box-sizing: border-box;

        width: 300px;

        background-color: violet;

        border: 2px solid red;

        padding: 25px;

      }

    </style>

  </head>

  <body>

    <div>

      <div class="content-box">content-box</div>

      <div class="box">box</div>

      <div class="border-box">

        border-box Lorem ipsum dolor sit amet consectetur adipisicing elit.

        Quae, sequi inventore quaerat esse facere nulla libero debitis aut.

        Doloremque aliquam aperiam reiciendis officiis cumque nesciunt deleniti

        dignissimos rem! Veritatis, quasi.

      </div>

    </div>

  </body>

</html>