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, code { } img.fullWidth { width:100% } @media print { img.fullWidth { height:8in; } } .editorialNeedsWork { color:red; font-weight:bold }

Principle Good Practice Constraint

Example :

Example