Tenho o **body** e uma **div** com `width: 320px`;

Gostaria de centralizá-la no **body** que é flex. 

Mas veja só, **NÃO** quero centralizar seu conteúdo. 

Gostaria de **centralizar** a própria **div** na **body**. 

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->

        body {
           display: flex;
        }
           
        div#tudo {
           display: flex;
           width: 320px;
        }


<!-- language: lang-html -->


    <body>

        <div id=tudo>

              <label>teste</label>

        </div>

    </body>

<!-- end snippet -->

Uso `margin: 0 auto` ou tem algum recurso **flexbox** para isso?

O que eu busco é por uma propriedade que faça semelhante ao resultado do `align-self: center`. Porém, na **horizontal**.