css - 以跨度显示图像，而不将其转换为块级元素

我对这里有些困惑。我有一个txtbox，在txtbox的右侧，我想插入一个帮助图标。我已将其插入一个范围。问题是我不想让这个跨度成为一个障碍，因为那时它下降了。还有其他方法可以显示此图像而不将其转换为块级元素吗？

代码在这里:

<input name="firm" type="text" id="firm" size="20" /><span id="helpico"></span>

CSS:

#helpico{ background:url(images/question.png) left top; width:16px; height:16px;}

最佳答案

您可以使用以下CSS:

#firm
{
   float: left;
}
#helpico
{
   background:url(images/question.png) left top;
   width:16px;
   height:16px;
   display: block;
   float: left;
}

您必须使用显示块来启用宽度和高度并接受其他样式。但是要解决您的问题“向下”，您可以将两个元素都设置为向左 float ，它们将在父元素内保持内联。

请注意，如果图标是相对于内容的，则应将其包含在<img>标记和alt属性中。

看到不想使用浮点数或显示块后，只剩下一种方法，使用display: inline-block;。

Example for you here。
:)