我正在制作一个菜单部分，该部分是一个带有登录名的概要文件png。它需要同时作为一个锚点，这样当你将鼠标悬停在它上面时，它是一个指向登录页面的链接，包括img和文本，但都在一起。。。如果我能理解你的话。我想不通。以下是迄今为止的代码：
<div class="signin-div topbar-section">
<a class="sign-in" href="#sign-in"><img class="signin-img" src="images/profile-icon.png" alt="profile-icon">Sign in</a>
</div>
在CSS中：
.sign-in {
float: left;
font-size: 90%;
padding: 12px;
margin-left: -14px;
}
.signin-img {
width: 25px;
margin: 10px 10px;
float: left;
免责声明，这段代码是有效的(以顶部栏ul的其余代码为中心，这不是我想要的关于一个大锚的代码(我知道它看起来不正确。
我真的不确定你在寻找什么，但当你需要一个组/块作为链接时，如果你想让图像和文本作为链接。(很抱歉，如果我的话听起来很奇怪/令人困惑。在这种情况下，我希望我的例子能起到作用(
例如：
<html>
<body>
<div style="font-family: Helvetica; font-size: 12pt; border: 1px solid black;">
<a href="http://google.com" style="text-align: center;">
<div>
<img src="https://d1nhio0ox7pgb.cloudfront.net/_img/o_collection_png/green_dark_grey/256x256/plain/user.png" alt="user Image">
<br>
user
</div>
</a>
</div>
</body>
</html>