Question

I using the following extra-simple HTML code:

<div class="test">
    <p>test 1234</p>
    <!--<p>test 5678</p>-->
</div>

and CSS

.test {
    background: #ccc;
    height: 120px;
}

.test p {
    line-height: 120px;
}

Jsfiddle -> http://jsfiddle.net/wP9K3/

It works fine

But if I un-comment the second paragraph from above HTML code then the display is not good. (remove from jsfiddle the comments and run it).

How to make in CSS that the n paragraphs to be aligned one under other without space ?

In first case, the display is (is good):

Second case, not good:

My expectation:

Answer 1

How about this:

http://jsfiddle.net/wP9K3/5/