Home Whiteboard Graphing Calculator Online Compilers Articles Tools
Tutorials Courses Jobs

How wide is the default <body> margin?

HTML Web Development Front End Technology

The default <body> margin is 8px in HTML. It is defined in pixels by the user-agent-stylesheet your browser provides. Some browsers allow you to create and use your own user-agent-stylesheet, but if you are developing a website, keep it the same.

Default Margin in HTML

Example

Let us see a simple example. Here, since the default margin is 8px, we won?t try to change it ?


<!DOCTYPE html>
<html>
<title>Example</title>
<head>
   <style>
      body {
         background: orange;
      }
   </style>
<body>
   <h1>Free Resources</h1>
   <p>We have the following resources for the users:</p>
   <div id="container">
      <ul>
         <li>Video Courses</li>
         <li>Notes</li>
         <li>Interview QA</li>
         <li>MCQs</li>
      </ul>
   </div>
</body>
</html>

Change the Default Margin in HTML

Example

Now, let us change the default margin ?


<!DOCTYPE html>
<html>
<title>Example</title>
<head>
   <style>
      body {
         background: orange;
         margin: 25px;
      }
   </style>
<body>
   <h1>Free Resources</h1>
   <p>We have the following resources for the users:</p>
   <div id="container">
      <ul>
         <li>Video Courses</li>
         <li>Notes</li>
         <li>Interview QA</li>
         <li>MCQs</li>
      </ul>
   </div>
</body>
</html>

You can easily compare both the above examples and spot the margin difference.

Updated on: 2022-10-18T08:05:28+05:30

3K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements