为什么加上a标签后无法显示？

菜单的这个menu部分的代码
<div class="title">
    <h4>Voluptate cillum fugiat.</h4>
    <p class="comment">Cheese, tomato, mushrooms, onions.</p>
</div>

这个代码当我加上a标签后，除此之外其余代码包括css都没有改动的情况下

<div class="title"><a href="">
    <h4>Voluptate cillum fugiat.</h4>
    <p class="comment">Cheese, tomato, mushrooms, onions.</p>
</a></div>

刷新页面，发现

Voluptate cillum fugiat.和Cheese, tomato, mushrooms, onions.这两行字都无法显示，但是当鼠标放在这两行字的位置时又能点击跳转，这是什么问题？