myeongsooKim myeongsooKim - 8 months ago 48
CSS Question

Why does block add one more in ovelapped P tags?

In my code, there are two P tag in there.
And I gave them border.
I think there are two lightblue block in my code
beacuse there are two p tags.
But if I run this code, There are Three Blocks in there.
I want to know why.
Please help. Thanks for reading.

here is jsfiddle :


<meta charset="utf-8" http-equiv="content-type">
<style media="screen">
p {
margin: auto;
text-align: center;
background: lightblue;
height: 70px;
width: 200px;
border: solid 1px black;
line-height: 70px;