css for input layout

input-layout.css

/* general object styles
----------------------------------*/
/* object style */
div.input {
    /* margin, border, padding 
    is ignored since display table */  
    display: table-row;
}



/* general object description styles
----------------------------------*/
div.input .description {
    width: 100px;
    min-width: 150px;
    
    padding: 8px;   
    
    color: #333333;
    
    display: block;
    float: left;
    clear: both;
}
div.input .description label {
    margin: 0px;
    border: 2px solid transparent; /* for consistency use same border as input (but transparent) */
    padding: 2px 2px;
    
    display: block;
    float: left;
}



/* general object values styles
----------------------------------*/
div.input .values {
    width: 150px;
    min-width: 150px;
    
    padding: 8px;
    
    display: block;
    float: left;
}