Question

我的菜单很少有标题，旁边附有图标，以下代码正常工作：

<div class="contentcont">
    <div class="content">
        <div class="navbar">
            <a class="navbar" href="index.htm">
            <img src="navhome.png" alt="Home" height="12" width="14"></a>
            <a class="navbar" href="index.htm">Login</a>
            <div class="clear">&nbsp;</div>
        </div>

当试图在另一个类旁边添加相同的图标时，它显示上面的图标（如果在上面写）或在下面（如果写在下面）但在同一行上没有，我试图改变：

    <div class="infoboxheader infoboxheaderuser">
        <img src="navhome.png" alt="Home" height="12" width="14"></a>
        <h1 class="infobox">Login to Real Estate</h1>
    </div>
    <div class="infoboxbody">

信息框的css信息：

h1.infobox{
      color: #5d5d5d;
      font-size: 13px;
      font-weight: bolder;
      padding-left: 10px;
      margin: 0px 0px 0px 0px;
      text-transform: uppercase;
}

注意这是一个不同的班级，我做错了什么？

Answer 1

尝试使用img标记的样式。等，

.infoboxheader img{float:left;margin-top:2px}

这是一个工作小提琴 - https://jsfiddle.net/t8tokcth/1/

如何在H1标签附近附加图标？

1 个答案: