所有H2文本都在一个<div>中覆盖

I can't separate the h2 text in one , here's the picture[1]: https://i.stack.imgur.com/fxxbL.png

这是HTML:

<div class="card">
    <h2>Youtube</h2>
    <h2>Instagram</h2>
    <h2>Pixnet</h2>
</div>

这是CSS:

.card h2{
position: absolute;
top:100px;
bottom: 100px;
text-align:left;
display:block;
line-height: 2em;}

谢谢!