html - 如何在 HTML 中仅概述元素

标签 html css image border

我有这个:

< h1 style="position: relative; top: -103px; left: 700px; border-width: thin; border-style: dotted; border-color: grey;">
< small>Three Stars Of The Week</small>
</p>

它给了我一个带有灰色虚线的标题,该虚线结束于标题末端。它转到页面末尾。

如何修复它,使边框只环绕字母,而不是一直延伸到页面末尾?

最佳答案

h1 是 block 级元素,因此这是预期的行为。将其内容放在一个内联元素中(例如 span)并为其设置样式。

关于html - 如何在 HTML 中仅概述元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14846452/

相关文章:

html - 换行文本周围的空白

javascript - Angular 6 HTML 选择菜单设置默认值

javascript - 随着内部 div 变大动态改变外部 div

jquery - 调整 DIV 的大小以仅显示完整的文本行

android - Android:如何将图库中的图像加载到OpenCv Mat变量中?

javascript - Jquery css显示div?

javascript - 单击链接/元素时如何制作弹出文本?

html - 尝试在菜单项周围添加边框并使一个元素具有不同的颜色

css - Chrome/Edge 不调整包含响应图像的容器的大小

php - 如何使用表格数据添加图像