.figure { float: left;  }
    .figure { width: 480px;}
    figcaption { margin-bottom: 0.5em; 
    font-weight: bold; font-size: 150%; 
    
      }
    .cpslist { margin-left: 490px; height: 400px; overflow: auto; background: white}
#aplikace  ol.cpslist li { margin-bottom: 0}  
.cpslist li {
      position: relative; 
      cursor: pointer; padding-bottom: 0.3em; padding-left: 40px; 
      min-height: 38px; 
    }
    
    .cpslist li + li { border-top: 1px solid #ddd; padding-top: 0.3em;  }
    .cpslist li:hover { background-color: #eee  }
    
    .cpslist li:before { position: absolute; top: 32px; left: 5px; 
        content: attr(data-time);
        font-size: 10px; 
     }
     .replace { display: inline-block; vertical-align: middle }
     .replace span { display: block; }
     .original { color: red; text-decoration: line-through}
     .replacement { color: darkgreen}
    .good { background: url(design/select.png) no-repeat}
    .recommendation { background: url(design/error.png) no-repeat }
    
    .cpslist q { font-style: italic}