wordpress - 添加图标进行缩放后，图像在 wordpress 中没有更多对齐

Question

我在图像中放了一个放大镜图标，其中包含我在此站点上找到的代码。代码完美运行，问题是现在我不能再将图像对齐到中心和右侧，因为父元素需要浮动：左，我该如何解决这个问题？

    <a href="#" class="gallerypic">
      <img src="[url]" width="32" height="32" class="ALIGNRIGHT/ALIGNCENTER">
      <span class="zoom-icon"></span>
    </a>

a.gallerypic{
  text-decoration:none;
  position:relative;
  display:block;
  border:1px solid #666;
  float:left;
}

a.gallerypic span.zoom-icon{
  visibility:hidden;
  position:absolute;
  left:40%;
  top:35%;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

a.gallerypic:hover span.zoom-icon{
  visibility:visible;
}