Selles näites on kasutatud DIV ja SPAN märgendeid, et pildid kataksid teineteist ja tekst oleks lükatud ruutjuure märgi alla.
Esimene inglisekeelne tekst on nihutatud <p> märgendiga ülespoole  ja paremale nihutatud. Teise teksti korral on sama tehtud <span> märgendiga kasutades style="position: relative;" ja nihutamist ülespoole (negatiivset top: -37). Lisaks on teise teksti juures kasutatud <pre> märgentit, et säilitada algseid reavahetusi.

NB! Selle näite puhul ilmneb, et erinevad Browser'id interpreteerivad  style=" position: relative;" erinevalt ja objektid ei ole samades kohtades.

       ARGUMENT
  X=
 

X =

 Kaks lisanäidet

Ainult
DIV
Ainult
SPAN

 

The DIV and SPAN elements, in conjunction with the id and class attributes, offer a generic mechanism for adding structure to documents. These elements define content to be inline (SPAN) or block-level (DIV) but impose no other presentational idioms on the content. Thus, authors may use these elements in conjunction with style sheets, the lang attribute, etc., to tailor HTML to their own needs and tastes.

    Suppose, for example, that we wanted to generate an HTML document based
    on a database of client information. Since HTML does not include elements
    that identify objects such as "client", "telephone number", 
    "email address", etc.,  we use DIV  and SPAN
    to achieve the desired structural and presentational effects. 
    We might use the TABLE element as follows to structure the information: