HTML automatically adding padding?

Question

My problem with this HTML script is that I'm always get a padding-bottom in each div. Can anybody see why?

 * {
   margin: 0px;
   padding: 0px;
 }
 body {
   width="1920px";
   height="1080px";
 }

<!doctype html>
<html>

<body>
  <div>
    <img src="images/header.jpg">
  </div>
  <div>
    <img src="images/stuecke.jpg">
  </div>
  <div>
    <img src="images/termine.jpg">
  </div>
  <div>
    <img src="images/team.jpg">
  </div>
  <div>
    <img src="images/wo.jpg">
  </div>
</body>

</html>

Have you removed the margins from body? `body{ margin: 0; }` — Sauced Apples, Feb 08 '16 at 16:15
As an observation, your body width and height declarations are invalid; they should be `width: 1920px; height: 1080px;` — Chris Forrence, Feb 08 '16 at 17:24

score 3 · Answer 1 · answered Feb 08 '16 at 16:15

3

<img> is an inline element, so it gets spacing from the line-height.

Make them display: block to prevent that.

answered Feb 08 '16 at 16:15

SLaks

800,742
167
1,811
1,896

jsfiddle for your help @vinzenzb: https://jsfiddle.net/joelazevedo/6c61d56r/1/ – Joel Azevedo Feb 08 '16 at 16:28

HTML automatically adding padding?

1 Answers1