ggo

CSS
<body>
        <div class="box1">box1</div>
        <div class="box2">box2</div>
        <div class="box3">box3</div>
        <div class="box4">box4</div>
</body><body>
        <div class="box1">box1</div>
        <div class="box2">box2</div>
        <div class="box3">box3</div>
        <div class="box4">box4</div>
</body>        /* .box1, .box2, .box3, .box4{ for block each box will take a new line with its specified size.
            height: 100px;
              width: 100px;
            display:block;
            background-color: brown;
        } */
    
        /* .box1, .box2, .box3, .box4{ for inline-block the box will take the specified size even when you change the zize
            height: 100px;
              width: 100px;
            display:inline;
            background-color: brown;
        } */
    
        /* .box1, .box2, .box3, .box4{ for inline-block the box will take the specified size
            height: 100px;
              width: 100px;
            display:inline-block;
            background-color: brown;
        } */
Source