How can I get rid of margin around my HTML content?

by

You could add CSS to the document….

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Hello</title>
    <style type="text/css">
    body { margin:0; }
    </style>
</head>
<body>
    <div style="width: 100px; height: 100px; background: red;">
        <div>Hello</div>
    </div>
</body>

Or you could add the CSS as an inline style

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Hello</title>
</head>
<body style="margin:0;">
    <div style="width: 100px; height: 100px; background: red;">
        <div>Hello</div>
    </div>
</body>
</html>

All browsers have a default margin around the top and left edge of the window. There’s nothing wrong with your page. You merely need to tell the browser to remove the default margins.

More Related Contents:

  1. How to design an HTML/CSS signature that will work in Outlook 2016? [duplicate]
  2. How to align 3 divs (left/center/right) inside another div?
  3. Styling an input type=”file” button
  4. Using sections in Editor/Display templates
  5. Why does z-index not work?
  6. CSS overflow-x: visible; and overflow-y: hidden; causing scrollbar issue
  7. :after and :before CSS pseudo elements hack for Internet Explorer 7
  8. Regular expression to remove HTML tags from a string [duplicate]
  9. Extend bootstrap row outside the container
  10. Hide textfield blinking cursor
  11. html/css hexagon with image inside
  12. CSS image resize issue
  13. Prevent Bootstrap Modal from disappearing when clicking outside or pressing escape? [duplicate]
  14. HTML + CSS: Ordered List without the Period?
  15. Multiple Forms or Multiple Submits in a Page?
  16. How can I style a file input field in Firefox?
  17. How can I center a div within another div? [duplicate]
  18. HTML5 Email input pattern attribute
  19. Slanted diagonal line in html or css?
  20. Why do s clear floats?
  21. How to get ScrollBars in SVG?
  22. contenteditable=false inside contenteditable=true block is still editable in IE8
  23. remove blur effect on child element
  24. Using Thymeleaf when the value is null
  25. How do I open a URL from C++?
  26. Custom HTTP Request headers in HTML
  27. CSS making two divs equal height with display table
  28. Why are horizontal scroll bars shown on my website?
  29. Using sprites with IMG tag?
  30. HTML table sort

Leave a Comment