div.clear { clear:both; }

img.fighter1-image { float:left; }
img.fighter2-image { float:left; }

div.fighters { width:500px; line-height:2.5em; text-align:center; font-weight:bold; text-transform:uppercase; margin-bottom:1em }
div.fighters .fighter1, div.fighters .fighter2 { display:block; width:200px; font-size:1.5em }
div.fighters .fighter1 { float:left;  text-align:right; }
div.fighters .fighter2 { float:right; text-align:left; }

ol li { margin-bottom:2em }
ol table { text-align:center; font-weight:bold; }
ol table td { vertical-align:top; width: 70px; padding:4px 2px; border-bottom:1px dotted #CCC }
ol table { float:left; margin:0 20px }
ol table td.left-value, ol table td.right-value { font-weight:normal; width:50px; }
ol table td.left-value { text-align:right }
ol table td.right-value { text-align:left }