.h {
  background-image: url(h.gif); 
  height: 11px;
  width: 13px;
  padding-left: 6px;
  padding-right: 7px;  
  display: inline;
  background-repeat: no-repeat;
  background-position: center center;  
}
.d {
  background-image: url(d.gif); 
  height: 11px;
  width: 13px;
  padding-left: 6px;
  padding-right: 7px;  
  display: inline;
  background-repeat: no-repeat;
  background-position: center center;  
}
.s {
  background-image: url(s.gif); 
  height: 11px;
  padding-left: 6px;
  padding-right: 7px;  
  width: 13px;
  display: inline;
  background-repeat: no-repeat;
  background-position: center center;  
}
.c {
  background-image: url(c.gif); 
  height: 11px;
  padding-left: 6px;
  padding-right: 7px;  
  width: 13px;
  display: inline;
  background-repeat: no-repeat;
  background-position: center center;  
}