Html 为什么我的照片下面的段落框有一个贯穿整个页面宽度的不可见链接？

我希望它是一个链接，你可以悬停在框上，你可以点击它，只有当你这样做。此页面包含链接，即使您离开段落文本，也可以单击这些链接。这有意义吗？这是我的代码，你可以更好地理解它。顺便说一句，我是初学者。所以不要评判lol INDEX.HTML

Dalexis是伟大的评论家，是有史以来最伟大的电视节目，是那些让我们着迷的节目！关于我们的主页联系我们 这个网站致力于让我们热爱这部电视连续剧的节目。这是名单，相信这是真的！打破坏电线女高音宋飞抑制你的热情©2014 Dalexis Peguero

HTML

---

您可以使用此CSS更改

的行为：

display: inline-block;

---

您必须在

之后和

之前添加

，才能在

下方获得
的
链接，如果您想保留图像和文本链接，只需添加此css即可

p {
     display:inline-block;
}

这样做，链接将不会占据整个页面宽度。
如果您希望图像和文本在同一行中，请使用下面提到的CSS了解更多详细信息，请查看链接

CSS:

现在的问题是什么？如果标题是问题：您的链接围绕图像和段落，因此它们都可以单击并链接到href targetOk，因此当您将鼠标悬停在图像上时，您的鼠标将指示它是链接。好!！当我将鼠标悬停在文本段落上时，它表示它是一个链接。另一个好处是，当我转到图片下段落文本的一侧时，它也会显示有一个链接。所以我希望链接在段落文本结束的地方停止。我在那里编辑了我的答案，你可以看到它是如何工作的。
display: inline-block;

p {
     display:inline-block;
}

div ul li p {
    display: inline-block;
    font-size: 0.75em;
    padding: 5%;
}

div img {
    display: inline-block;
    max-width: 50%;
    width: 200px;
}