How to eliminate line break in that very specific context?

Question

I try alomst every display:,<span>,white-space,overflow:auto, etc, and search a lot on this site. How to eliminate does damns line breaks on that really specific case. Could you show me, even if its simple ? :)

window.onload = function() {
  document.getElementById("container").style.width = screen.width + "px";
  document.getElementById("container").style.height = screen.height + "px";

}

#container {
  display: block;
  float: left;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-color: indianred;
  white-space: nowrap;
}

<div id="container">
</div>

LINE BREAK IMAGE

That's called "margin" you can get rid of it with `html, body{padding: 0; margin: 0;}` — , May 09 '17 at 03:45

score 0 · Answer 1 · answered May 09 '17 at 03:46

0

body { margin: 0; }

in your css should do the trick. The browser is adding some default styles to the body by the look of it.

answered May 09 '17 at 03:46

Brett East

4,022
2
20
31

score 0 · Answer 2 · answered May 09 '17 at 03:47

0

This should work.

<body style="margin: 0;">

or

body { margin: 0; }

answered May 09 '17 at 03:47

Hash

7,726
9
34
53

score 0 · Answer 3 · answered May 09 '17 at 07:11

You can use normalize.css to cross-browser consistency in the default styling of HTML elements, You can download it from here : https://necolas.github.io/normalize.css/ or you can add via CDN :

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">

How to eliminate line break in that very specific context?

3 Answers3