anchor.diff:  
       ls_count = mo_diff->stats( ).
   
  -    lo_html->add( '<div class="diff_head">' ).                  "#EC NOTEXT
  +    lo_html->add( '<div class="diff_head">' ).              "#EC NOTEXT
       lo_html->add( |<span class="diff_banner diff_ins">+ { ls_count-insert }</span>| ). "#EC NOTEXT
       lo_html->add( |<span class="diff_banner diff_del">- { ls_count-delete }</span>| ). "#EC NOTEXT
       lo_html->add( |<span class="diff_banner diff_upd">~ { ls_count-update }</span>| ). "#EC NOTEXT
  -    lo_html->add( '<span class="diff_name">' ).                 "#EC NOTEXT
  -    lo_html->add( ms_result-obj_type ).                         "#EC NOTEXT
  -    lo_html->add( |<strong>{ ms_result-obj_name }</strong>| ).  "#EC NOTEXT
  +    lo_html->add( '<span class="diff_name">' ).             "#EC NOTEXT
  +    lo_html->add( ms_result-obj_type ).                     "#EC NOTEXT
  +    lo_html->add( |<strong>{ ms_result-obj_name }</strong>| ). "#EC NOTEXT
       lo_html->add( |({ ms_result-filename })| ).
  -    lo_html->add( '</span>' ).                                  "#EC NOTEXT
  -    lo_html->add( '</div>' ).                                   "#EC NOTEXT
  +    lo_html->add( '</span>' ).                              "#EC NOTEXT
  +    lo_html->add( '</div>' ).                               "#EC NOTEXT
   
       ro_html = lo_html.
     ENDMETHOD.
  
positive.code:     METHODS _add_str IMPORTING iv_str  TYPE csequence.
      METHODS _add_htm IMPORTING io_html TYPE REF TO lcl_html_helper.
  
  endclass.                    "lcl_html_helper DEFINITION
  
  *----------------------------------------------------------------------*
  *       CLASS lcl_html_helper IMPLEMENTATION
  
negative.code:     DATA lo_html TYPE REF TO lcl_html_helper.
      CREATE OBJECT lo_html.
  
      lo_html->add( '<style type="text/css">' ).              "#EC NOTEXT
      lo_html->add( '/* DIFF */' ).                           "#EC NOTEXT
      lo_html->add( 'div.diff {' ).                           "#EC NOTEXT
      lo_html->add( '  background-color: #f2f2f2;' ).         "#EC NOTEXT
      lo_html->add( '  padding: 0.7em    ' ).                 "#EC NOTEXT
      lo_html->add( '}' ).                                    "#EC NOTEXT
      lo_html->add( 'div.diff_head {' ).                      "#EC NOTEXT
      lo_html->add( '  border-bottom: 1px solid #DDD;' ).     "#EC NOTEXT
      lo_html->add( '  padding-bottom: 0.7em;' ).             "#EC NOTEXT
      lo_html->add( '}' ).                                    "#EC NOTEXT
      lo_html->add( 'span.diff_name {' ).                     "#EC NOTEXT
      lo_html->add( '  padding-left: 0.5em;' ).               "#EC NOTEXT
      lo_html->add( '  color: grey;' ).                       "#EC NOTEXT
      lo_html->add( '}' ).                                    "#EC NOTEXT
      lo_html->add( 'span.diff_name strong {' ).              "#EC NOTEXT
      lo_html->add( '  color: #333;' ).                       "#EC NOTEXT
      lo_html->add( '}' ).                                    "#EC NOTEXT
      lo_html->add( 'span.diff_banner {' ).                   "#EC NOTEXT
      lo_html->add( '  border-style: solid;' ).               "#EC NOTEXT
      lo_html->add( '  border-width: 1px;' ).                 "#EC NOTEXT
      lo_html->add( '  border-radius: 3px;' ).                "#EC NOTEXT
      lo_html->add( '  padding-left: 0.3em;' ).               "#EC NOTEXT
      lo_html->add( '  padding-right: 0.3em;' ).              "#EC NOTEXT
      lo_html->add( '}' ).                                    "#EC NOTEXT
      lo_html->add( '.diff_ins {' ).                          "#EC NOTEXT
      lo_html->add( '  border-color: #38e038;' ).             "#EC NOTEXT
      lo_html->add( '  background-color: #91ee91 !important;' ). "#EC NOTEXT
      lo_html->add( '}' ).                                    "#EC NOTEXT
      lo_html->add( '.diff_del {' ).                          "#EC NOTEXT
      lo_html->add( '  border-color: #ff8093;' ).             "#EC NOTEXT
      lo_html->add( '  background-color: #ffb3be !important;' ). "#EC NOTEXT
      lo_html->add( '}' ).                                    "#EC NOTEXT
      lo_html->add( '.diff_upd {' ).                          "#EC NOTEXT
      lo_html->add( '  border-color: #dada00;' ).             "#EC NOTEXT
      lo_html->add( '  background-color: #ffffb3 !important;' ). "#EC NOTEXT
      lo_html->add( '}' ).                                    "#EC NOTEXT
      lo_html->add( 'div.diff_content {' ).                   "#EC NOTEXT
      lo_html->add( '  background: #fff;' ).                  "#EC NOTEXT
      lo_html->add( '}' ).                                    "#EC NOTEXT
      lo_html->add( 'table.diff_tab {' ).                     "#EC NOTEXT
      lo_html->add( '  width: 98%;' ).                        "#EC NOTEXT
      lo_html->add( '  border-collapse: collapse;' ).         "#EC NOTEXT
      lo_html->add( '  font-family: Consolas, Courier, monospace;' ). "#EC NOTEXT
      lo_html->add( '}' ).                                    "#EC NOTEXT
      lo_html->add( 'table.diff_tab th {' ).                  "#EC NOTEXT
      lo_html->add( '  color: grey;' ).                       "#EC NOTEXT
      lo_html->add( '  text-align: left;' ).                  "#EC NOTEXT
      lo_html->add( '  font-weight: normal;' ).               "#EC NOTEXT
      lo_html->add( '  padding: 0.5em;' ).                    "#EC NOTEXT
      lo_html->add( '}' ).                                    "#EC NOTEXT
      lo_html->add( 'table.diff_tab td {' ).                  "#EC NOTEXT
      lo_html->add( '  color: #333;' ).                       "#EC NOTEXT
      lo_html->add( '  padding-left: 0.5em;' ).               "#EC NOTEXT
      lo_html->add( '  padding-right: 0.5em;' ).              "#EC NOTEXT
      lo_html->add( '}' ).                                    "#EC NOTEXT
      lo_html->add( 'table.diff_tab td.num, th.num {' ).      "#EC NOTEXT
      lo_html->add( '  text-align: right;' ).                 "#EC NOTEXT
      lo_html->add( '  color: #ccc;' ).                       "#EC NOTEXT
      lo_html->add( '  border-left: 1px solid #eee;' ).       "#EC NOTEXT
      lo_html->add( '  border-right: 1px solid #eee;' ).      "#EC NOTEXT
      lo_html->add( '}' ).                                    "#EC NOTEXT
      lo_html->add( 'table.diff_tab td.cmd, th.cmd {' ).      "#EC NOTEXT
      lo_html->add( '  font-size: smaller;' ).                "#EC NOTEXT
      lo_html->add( '  text-align: center !important;' ).     "#EC NOTEXT
      lo_html->add( '  white-space: nowrap;' ).               "#EC NOTEXT
      lo_html->add( '}' ).                                    "#EC NOTEXT
      lo_html->add( '</style>' ).                             "#EC NOTEXT
  
      ro_html = lo_html.
    ENDMETHOD.
  