CSS3 Flex layouts 2

HTML

<div class="container">
    <div class="one">
        
    </div>
</div>

CSS

.container
{
    display: -moz-flexbox; /* Firefox */
    display: -webkit-flexbox; /* Safari and Chrome */
    display: -ms-flexbox; /* Internet Explorer 10 */
    display: flexbox;
    -ms-justify-content: center;
    justify-content: center;
    height: 50px;
    border: 1px solid Black;
}

.one
{
    width: 100px;
    height: 50px;
    background: red;
}

JavaScript

// CSS3 Flex layouts 2