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 } pre em { font-style: italic; font-weight: bold; } .editorialNeedsWork { color:red; font-weight:bold }

Principle Good Practice Constraint

Example :
Example :
Example