No replies
arumah
arumah's picture
Offline
newbie
india
Last seen: 10 weeks 1 day ago
india
Timezone: GMT+5.5
Joined: 2021-07-18
Posts: 1
Points: 2

Hi,

I am quite novice in CSS area. I am trying following simple code but its border is not showing up in the browser. Could you please let me know what wrong I am doing here.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
 
        <style>
            .container-1 {
                background: yellow;
                border: 2px solid red;
            }
            .item-main {
                width: 200px;
                margin: 10px;
                background: green;
                border: 2px soild red !important;
            }
            .item-1 {
                min-height: 100px;   
            }
            .item-2 {
                min-height: 200px;
            }
            .item-3 {
                min-height: 300px;
            }
        </style>
    </head>
    <body>
        <div class="container-1">
            <div class="item-main item-1">Box-1</div>
            <div class="item-main item-2">Box-2</div>
            <div class="item-main item-3">Box-3</div>
        </div>        
    </body>
</html>