/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

.box{
    position: relative;
    &.login{
        margin: 20em auto 0 auto;
        min-width: 30ex;
        max-width: 50ex;
        width: 33%;
        text-align: center;
        
        .row{
            position: relative;
            clear: both;
            float: none;
            margin: 0.7em auto;

            label{
                float: left;
                clear: left;
            }

            input{
                float: right;
                clear: right;
            }
        }

        input[type=submit]{
            float: none;
            clear: both;
        }
    }
}