html - 如何使 anchor 标签适合内容?不是页面的整个宽度

标签 html css

我的 CSS 获得了我想要的外观。居中<p><div>一个在另一个之上,它们都被包裹在 <a> 中标签。

现在我的问题是 <a>标签覆盖整个页面宽度,我只想点击实际内容所在的链接。

示例链接: https://jsfiddle.net/vinko_k_design/dge4fx2z/

最佳答案

将 anchor 标记放在 p 标记内。

 <p class="page-nav"><a href="#map">Check out our Map</a></p>

关于html - 如何使 anchor 标签适合内容?不是页面的整个宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30586988/

相关文章:

css - 应用对齐文本 :center along with linear dimension

html - 如何更改此文本框的大小?

php - 如何在moodle主题设计中定义自定义 block 区域?

android - Android 键盘消失后固定元素 (HTML) 中断了吗?

html - 具有动态宽度单元格的固定表格

html - CSS - 并排显示图像

php - 我使用 curl post 在 body 标签中丢失了一个 css 背景图像

javascript - polymer 图标和纸张图标未显示

html - 突出显示面包屑列表中的第二项

html - 如何在不影响 div 更改的情况下将内容放置在绝对位置元素下方