Html 如何在Joomla工具提示中排列div中的图像？

我使用在组件中显示工具提示，但问题在于图像位置。我试图添加

bottom:0%

，

bottom:0px

这就是我所拥有的：

我需要的图像将与文本内联。这是我的密码：

<div class="serch">
    <div class="advanced_search">
        <span id="advanced_search">Advanced Search</span>
        <span>
            Search: 
            <a href="#"><span id="advanced_search_by_branch"><b>By Branch</b></span></a> |
            <a href="#"><span id="advanced_search_by_address">By Address</span></a> |
            <a href="#"><span id="advanced_search_by_tel">By Telephone Number</span></a> 
            <?php echo JHTML::tooltip('This is a tooltip attached to text', 'Text Tooltip Title', 'tooltip.png');?>
        </span>
    </div>
</div>

高级搜索
搜索：
|
|

此处包含的样式为空。以下也是firebug的来源：

---

您可以尝试一个简单的

.hastinp img{margin top:10px；}

将其向下移动10px，将其更改为刚好正确

您可以尝试使用一个简单的

.hastinp img{margin top:10px；}

将其向下移动10px，将其更改为刚好正确

你可以试试这个

.hasTip img {vertical-align: baseline;}

你可以试试这个

.hasTip img {vertical-align: baseline;}

---

你可以试试内联css

<img alt="Tooltip" src="/~nonamez/joomla/media/..../tooltip.png" style="margin-top:10px;">..

。。

您可以尝试内联css

<img alt="Tooltip" src="/~nonamez/joomla/media/..../tooltip.png" style="margin-top:10px;">..

。。

它拉满div，而不是image。它拉满div，而不是image。