Center text character ☢ vertically and horizontally within a circle (CSS)

Question

I am trying to center this text character ☢ within a circle. (☢)

While IE 10 displays the text vertically and horizontally centered, both Chrome and Firefox r

Answer 1

Target that child div, set it to inline-block and change the vertical alignment:

.tl-icon div{
  display: inline-block;
  vertical-align: top;
}

CODEPEN