.view { display:inline; line-height:20px; padding:0px 3px 0px 3px; font-size:14px; background-color:yellow; text-align:center; vertical-align:middle; color:#000000; font-weight:bold; }
.characteristic { display:inline; line-height:20px; padding:0px 3px 0px 3px; font-size:14px; background-color:blue; text-align:center; vertical-align:middle; color:#ffffff; font-weight:bold; }
.issue { display:inline; line-height:20px; padding:0px 3px 0px 3px; font-size:14px; background-color:green; text-align:center; vertical-align:middle; color:#ffffff; font-weight:bold; }
.consequence { display:inline; line-height:20px; padding:0px 3px 0px 3px; font-size:14px; background-color:red; text-align:center; vertical-align:middle; color:#ffffff; font-weight:bold; }
.practice { display:inline; line-height:20px; padding:0px 3px 0px 3px; font-size:14px; background-color:red; text-align:center; vertical-align:middle; color:#ffffff; font-weight:bold; }
.class { border:1px solid black }
.base { border:1px solid red }
.variant { border:1px solid purple }