段落中的CSS span标记

Question

我必须从a)到b):http://i.imgur.com/xxgV0.png (绿色股票图像来自精灵)

我有以下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;
   }