Question

我想在标题后面的标题中添加徽标。现在，徽标图像位于标题下方。我的标题也有导航。

这是与标题和徽标相关的css代码。

#header {
    width: 1000px;
    height: 100px;
    background: #33CCFF;
}

#logo {
    display: inline;
    width: 71px;
    height: 46px;
    background-image: url(resources/images/logo.jpg);
    background-repeat: no-repeat;
}

html文件

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<div id="header"> 

<div id="logo">
  <h1>iSHOP</h1>
    <img  src="resources/images/logo.jpg" width="71" height="46" />
         </div></div> 



</body>
</html>

Answer 1

只需将css更改为指向h1标记即可。这是FIDDLE

#logo h1 {
   //styles here
}

您指向了h1容器，因此它仍然显示为块级元素

css / html标题后如何制作徽标

1 个答案: