段落中的 CSS 跨度标记

Question

我必须从 a) 到 b):http://i.imgur.com/xxgV0.png(绿色图片来自 Sprite )

我有以下 HTML 代码:

    <p class="stock"><span class="img"></span>in stock</p>

以及以下 CSS 代码:

   p span.img {
       display:inline-block;
       width: 14px;
       height: 17px;
       padding-right: 5px;
       background: transparent url(images/page1/tho_main_sprite.png) -0px -580px;
   }

   p.stock {
       font-size: 9px;
       color: #000;
   }

我试图给 p.stock 一些高度和行高，但没有结果......

非常感谢!

Answer 1

也许 vertical-align可以帮助

p span.img {
       display:inline-block;
       width: 14px;
       height: 17px;
       padding-right: 5px;
       background: transparent url(images/page1/tho_main_sprite.png) -0px -580px;

       vertical-align: bottom;
   }