centrer en css

Bonjour, j'ai un petit problème avec le css présenté par grafikart dans sa vidéo sur centrer en css. Apparement le sélecteur span et ses propriétés sont incluses dans la classe box. C'est probablement une notion d'heritage ? Lorsque je reproduis la vidéo les propiétés du sélecteur span ne sont pas reprises (alors qu'elles le sont sur la vidéo). Si par contre je les rend indépendant cela fonctionne (rien de plus normal) mais plus l'allignemet verticale. Où est l'erreur ?
Par acquis de conscience je met le css

.box{
    position:relative;
    background-color: #f2504b;
    color:#FFF;
    height: 250px;
    border: 4px solid #7d2b27;
    span{
        background-color:#4ba6a3;
        width: 50px;
        height: 50px;
        border:2px solid #336663;
    }
}