%div#i.element
  %h2.element-title
    %a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-i-element"} i
  %p
    The
    %code
      %a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-i-element"} i
    element
    %a{:href => "http://developers.whatwg.org/text-level-semantics.html#represents"} represents
    a span of text
    in an alternate voice or mood, or otherwise offset from the normal
    prose, such as a taxonomic designation, a technical term, an
    idiomatic phrase from another language, a thought, a ship name, or
    some other prose whose typical typographic presentation is
    italicized.
  .markup
    %p
      The
      %i.taxonomy Felis silvestris catus
      is cute.
    %p
      The term
      %i prose content
      is defined above.
    %p
      There is a certain
      %i{:lang => "fr"} je ne sais quoi
      in the air.