CSS Notes

Horizontal Definitions List or Key Value Properties

CSS Example:

/*
Example:
    <dl className='horiz'>
        <dt>Serial Number:</dt>             <dd>{m.QP_S}</dd>
    </dl>
*/
dl.horiz > dt {
    float: left;
    min-width: 200px;
    clear:left;
};
dl.horiz > dd {
    float:left;
    clear:both;  /* I am not sure how important this clear is */
}

Resources

  1. Great Layout Resource