css做一个带数字的圆

.support-num{ font-size: 20px; height:50px; line-height:50px; display:block; color:#ccc; text-

.support-num{  font-size: 20px;  height:50px;  line-height:50px;  display:block;  color:#ccc;  text-align:center;}

.support-circle{  width:50px;  height:50px;  border: 2px solid #ccc;  border-radius:25px;}

width和height一样大，border-radius是width和height的一半

<div class="support-circle"> <span class="support-num">1</span></div>