用文本对齐表格中的圆圈

Question

您好我想将自定义圈子与文字对齐。我试过垂直对齐，但仍然无法让它看起来正确。这是我的代码，css然后是html。我把它放在一个每个都有三个圆圈的桌子里。

http://jsfiddle.net/o7cmvv28/

   .circle_table{
   background-color: #F9FBFF;
   padding: 10px;
   color: #293041;
   border-radius: 4px;
   box-shadow: 0 1px 6px gray;
   background-position: center;
   background-repeat: no-repeat;
 }

.circle{
width:75px;
height:75px;
border-radius: 50%;
}


  .circle_table
      %table.table.borderless
      %tbody
        %tr
          %td
            .circle_dark_green
          %td
            \#green