Search code examples
csswidthhtml

Stretching DIV totally across screen

So, here's my situation:

I have a div (see the code below), a pretty simple . When running the code, I come up with a gray box. BUT, my intention was for that gray box to span from the start of the browser window to the END of that browser window, while what the code below does is creating a gray box with what seems to be a white border.

<div style="height: 30px; background-color: gray; color: white;">
   Hey
</div>

I'm sorry for the lack of explanation, but I found no good way to word what I was trying to do. Thanks in advance,

Tom.

Solution

  • If you want to keep you height:

    <div style="height: 30px; width: 100%; background-color: gray; color: white;">
   Hey
</div>

    Also to get rid of white borders, add this: body { padding: 0; margin: 0 }