Home/ Questions/Q 8873635
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T18:30:51+00:00

When resizing the browser window the browser just reduces the space after the element.

  • 0

When resizing the browser window the browser just reduces the space after the element. I want to decrease the space equally on the left and right as it is done in Facebook.

Here is my code

CSS:

body{
     margin-left:10%;
     margin-right:10%;
}

HTML:

<body>
Some content
.
.
.
.
</body>

First I thought of giving a min-width to body. But computers having less screen size will be a problem. Also min-width will not be good solution.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Just give width 80% to your body and give margin-left and margin-right to auto for center aligning 

       body{
      margin:0 auto;
      width:80%;
    }

    suggestion:

    To give styles to body is not a good practice, give styles to top parent div in your page

    like this,

    <body>
<div class="container">
       all page elements.....
</div>
</body>

    CSS:

    container{
          margin:0 auto;
          width:80%;
        }
    • 0