Centralização na div

Front-end
#1

Pessoal estou tentando fazer tipo etapas de compra como na imagem, mas não estou conseguindo centralizar os numeros -.- alguma sugestão?

#2

Resolvido o problema assim!

`

 .               .boxEtapas {
              overflow: hidden;
            }
            .etapas {
              margin: 0 auto;
            }
            .etapas ul {
              list-style: none;
            }
            .etapas ul,
            li {
              margin-bottom: 15px;
              width: 100%;
              display: table;
              line-height: 50px;
            }
            .redondo {
              border-radius: 100%;
              background-color: #FFFFFF;
              overflow: hidden;
              height: 50px;
              width: 50px;
              border: 1px solid #000000;
              line-height: 50px;
              float: left;
            }
            .redondoativo {
              background-color: #337ab7;
              color: #FFFFFF;
            }
            .textoEtapas {
              float: left;
              text-indent: 20px;
            }


            <div class="col-sm-6 boxEtapas" align="center">
              <div class="etapas">
                <ul>
                  <li>
                    <div class="redondo redondoativo">1</div>
                    <div class="textoEtapas">Informações Cadastrais</div>
                  </li>
                  <li>
                    <div class="redondo">2</div>
                    <div class="textoEtapas">Selecionar Assinatura</div>
                  </li>
                  <li>
                    <div class="redondo">3</div>
                    <div class="textoEtapas">Forma de Pagamento</div>
                  </li>
                </ul>
              </div>
            </div>`
1 curtida