BlueDict适配HTML CSS调试：如何实现文字位于上下两条边框之间

核心问题是你定义边框样式的.h1类选择器没有和HTML元素绑定，所以样式没有生效，你可以任选以下两种方法调整：

方法1：把边框样式合并到ID选择器中（更简单，无需修改HTML） #

直接把边框相关属性写到#hw选择器下，修改后的CSS代码如下：

#hw {
  font-family: Nazanin;
  font-size: 200%;
  font-weight: normal; 
  direction: rtl; 
  text-align: center; 
  color: #6dbaee;
  /* 新增边框相关样式 */
  border-top: 1px solid #00bdf2; 
  border-bottom: 1px solid #00bdf2; 
  padding: 10px 0; 
  line-height: 150%;
}

HTML代码保持原有写法不变即可：

<p id="hw">beauty</p>

方法2：保留原有.h1类，给HTML元素添加类属性 #

如果你需要复用.h1的边框样式，可以直接在p标签上添加class="h1"属性，修改后的HTML代码如下：

<p id="hw" class="h1">beauty</p>

注意：适配BlueDict时建议删除.h1中未使用的position: relative属性，避免出现兼容性问题。

内容的提问来源于stack exchange，提问作者mohamad.omidvar221