Home/ Questions/Q 8496473
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T23:51:53+00:00

I have the following code, for instance: JSFiddle: http://jsfiddle.net/ntcg3/4/ HTML: <html> <p class=hey>hi</p> </html>​​​​​​​​​​​

  • 0

I have the following code, for instance:

JSFiddle: http://jsfiddle.net/ntcg3/4/

HTML:

<html>
    <p class="hey">hi</p>
</html>​​​​​​​​​​​

CSS:

.hey {
    width:100%;
    background-color:red;
    margin:0;
    padding:0;
}

​

There is still a bit of padding on the right side of the page.

How can I get rid of that padding so the red background color extends to the very end of the page?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    When you create an HTML page by default the <body> and some other elements like paragraph tags (<p>), heading tags (<h1>, <h2> .. <h6>) etc… has default padding and margins

    So you need to clear those margin by adding following css:

    html, body, p, h1, h2, h3, h4, h5, h6 {
    margin:0;
    padding:0;
}

    For further details see CSS RESET

    The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on.

    An example of a CSS Reset:

    html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
    • 0