CSS：如何将文本放在具有悬停效果的圆圈中？

Question

Jfiddle - ＆gt; https://jsfiddle.net/qd2o38fp/

基本上，我现在要做的就是在背景上放一个大字“P”，但我不知道该怎么做。所有悬停效果都下降了（我从网上获得）

<ul class="ch-grid">
    <li>
        <div class="ch-item ch-img-1">
            <div class="ch-info">
                <h3>See Portfolio</h3>
            </div>
        </div>
    </li>
 </ul>