p { clear: both; } .prefix { float:left; width: 15%; background: yellow; color: black; border: solid black thin; padding: .1em; margin-left: 2%; margin-right: 2%;} .principle, .constraint, .property, .practice { color: black; border: solid black thin; padding: .1em; margin-left: 5%; margin-right: 5%; clear: none} .principle { background: #f7ebd7 } .constraint { background: #becece } .property { background: #f7ebd7 } .practice { background: #dfffff } .highlight { background: yellow } div.exampleOuter {border: 4px double gray; margin-left:5% ; margin-right: 5%; padding: 0em} em { font-style: italic; } code {font-family: monospace;} pre {font-family: monospace;} pre { margin-left: 5%} .discussionPoint { font-style: italic; margin-left: 5%; margin-right: 5% }

Principle Good Practice Constraint

Example :

Example

highlight