SOURCE

<a href="#" class="border">
  <p>    圆点</p>
    <div class="display">有没有好看的小说好无聊</div>
</a>

.border{
    background:#ddd;
    width:100px;
    height:100px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
}
.display{
    display: none;
}
.border:hover .display{ display:block;}

p{
     line-height:100px;
}