ul { margin: 1ex; border: 0; padding: 0; list-style-type: none } p { margin: 0; border: 0; padding: 0; } li { margin: 1px; border: 0; padding: 1px; } li.section { margin: 1px; border: 1px solid; padding: 1px; margin-bottom: 1ex; background: #88d; } li.section > p { border-bottom: 1px solid; } span.owners { text-align: right; } li.opened-task { background: #d88; } li.closed-task { background: #8d8; } li.running-task { background: #b66; } li.canceled-task { background: #bbb; } li.closed-task, li.canceled-task { color: #666; }