How to remove white space left and right side of page?

Question

I am trying to make a footer, but the left and right sides show some white space. How to remove the white space?

Here is my code:

Answer 1

The body has a default margin. Remove it via:

html,body {
    margin:0;
    padding:0;
}

Answer 2

Add this to your style tag...

body {
  margin: 0;    
}

Answer 3

*{
width: 100%;
height: 100%;
padding: 0px;
margin: 0px;
overflow-x: hidden;
}

Answer 4

Most Web browsers have different default settings for the base margins and padding. This means that if you don't set a margin and padding on your body and html tags, you could get inconsistent results on the page depending upon which browser you're using to view the page.

The best way to solve this is to set all the margins and paddings on the html and body tags to 0:

html, body {
    margin: 0px;
    padding: 0px;
}