Home/ Questions/Q 6865743
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T03:05:32+00:00

I am learning to make a simple page using html and css and the

  • 0

I am learning to make a simple page using html and css and the page looks like this https://i.stack.imgur.com/jpOZj.jpg
however the bigbox is too close to the top.

how to add some margin or spaces on top of it, other than using line breaks <br>

here is my CSS

root { 
display: block;
}
body {
background-color: #586B5E;
}
.bigbox {
margin-left:auto;
margin-right:auto;
width:780px;
height:560px;
background-color:#AFBCAC;
border: 1px solid #AFBCAC;
padding: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
box-shadow: 0px 0px 20px #CCD9C8;
-webkit-box-reflect: below 15px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(85%, transparent), to(rgba(255,255,255,0.2)));
}

and here is my HTML

<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>Surat v0.1</title>
  <link rel="stylesheet" href="style/main.css" type="text/css" />
</head>
<body>
   <div class="bigbox">
   </div>
     <?php
     // put your code here
     ?>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can apply margin to either the body or the bigbox element.

    body {
    background-color: #586B5E;
    margin-top: 10px;
}

    or

    .bigbox {
    margin-top: 10px;
    ...
}

    CSS Margin Reference

    • 0