D
Deleted member 2829
Guest
Hi all,
I'm new here, hoping someone can help me understand a very basic thing, or point out what I'm overlooking.
I'm toying with a very simple set of 3 div's stacked on top of each other:
It looks like this:
just how I want it - with no space in between.
But If I make the simple text in the middle div into a heading :
it looks like this, with added white space which I don't want :
This totally stumps me. I guess my understanding of HTML/CSS is not what I thought it was... or maybe I'm just overlooking something blatantly obvious.
I'd be grateful for any ideas
TIA,
Chris
I'm new here, hoping someone can help me understand a very basic thing, or point out what I'm overlooking.
I'm toying with a very simple set of 3 div's stacked on top of each other:
Code:
<html>
<body>
<div style="background-color:lightblue;"> top </div>
<div style="background-color:wheat;"> middle </div>
<div style="background-color:teal;"> bottom </div>
</body>
</html>
It looks like this:
just how I want it - with no space in between.
But If I make the simple text in the middle div into a heading :
Code:
<html>
<body>
<div style="background-color:lightblue;"> top </div>
<div style="background-color:wheat;"> <h3>middle</h3> </div>
<div style="background-color:teal;"> bottom </div>
</body>
</html>
it looks like this, with added white space which I don't want :
This totally stumps me. I guess my understanding of HTML/CSS is not what I thought it was... or maybe I'm just overlooking something blatantly obvious.
I'd be grateful for any ideas
TIA,
Chris