Redb3ard

This is markup that a coworker writes:

  <div class="floatLeft" style="width: 48px;">
   <div style="position: relative; margin: 0px;">
    <div style="margin: 0px;" class="floatRight">
     <div style="margin-top: 2px;">
      <img src="[% Catalyst.uri_for('/static/pngs/questionmark.png') %]" width="16px" height="16px" class="link" onclick="getsupport();" t$
     </div>
    </div>
   </div>
  </div>


Vs. what I might write:

<a href='http://support-url' class='supportlink'></a>

...with this in the stylesheet (which applies to all of them, since there were more than one):

.supportlink {
 width: 16px;
 height: 16px;
 background-image: url(/static/pngs/questionmark.png);
 float: right;
 margin: 2px 10px 0 0;
}