html - 如何在字母周围画一个圆圈？

Question

我需要在字母“A”后面做一个小圆圈背景。什么 CSS 会产生这种效果？

看例子:

Answer 1

用 CSS？是这样的吗？ http://jsfiddle.net/eLhqswyd/

.i-circle {
    display: inline-block;
    background-color: #ff0000;
    color: #fff;
    border-radius: 50%;
    font-size: 22px;
    line-height: 30px; /* set to same size as width, height */
    width: 30px;
    height: 30px;
    text-align: center;
}

<span class="i-circle">i</span>
<span class="i-circle">w</span>