Элементы внутри div по центру и ширине

#html #css

При попытке растянуть span по ширине div ничего не вышло. И text-align, который работает
только для текста не помог, и inline-block тоже.

Как можно решить эту проблему?


    
    
    
    



.iconBox {
    width: 50%;
    margin: auto;
}

.iconBox span {
    margin: auto;
}

    

Ответы

Ответ 1

.iconBox {
  width: 50%;
  margin: auto;
  background: #646464;
  display: table;
}

.glyphicon {
  background: #F0F4F8;
  display: table-cell;
}

  
123
  
456
  
789
  
012



Ответ 2

Еще как вариант



.iconBox {
  width: 50%;
  margin: auto;
  border: 1px solid #555;
  display: flex;
  justify-content: space-between;
}

.glyphicon {
  border: 1px solid #ccc;
  width: 100%;
}

  
123
  
456
  
789
  
012