Html 如何移动此框阴影？

说到编码，我是一个完全的初学者，所以我在互联网上找到了这个方块阴影，但不知道如何移动它，使它适合我使用的字体。以下是标题的css：

.sidebar-title {
   position:absolute;
   z-index:150;
   top:100px;
   left:330px;
   width:200px;
   height:30px;
   text-align:center;
   color:#000;
   background-color:#fff;
   text-transform:lowercase;
   font-size:20px;
   padding:10px;
   line-height:33px;
   box-sizing:border-box;
   font-weight:normal;
   font-family:'dalmatins';
}

这是我想以某种方式向上移动的阴影部分

.sidebar-title span {
   box-shadow:#aaa 0px -15px 0px inset;
   padding:0px 2px;
}

我尝试过添加边距、填充和调整，但没有任何效果。它向两侧移动，但从不向上移动。有人知道这里有什么问题吗？谢谢你的帮助

编辑：html

<div class="sidebar-title">
    <a href="/"><span>your love is sunlight</span></a>
</div>

---

要赋予它适当的

框阴影

只需将其设置为

块

这里我只将

display:inline block

添加到span。然后，您可以在

框阴影

值中使用框位置。（当前左侧为0，底部为-15px，如果您希望它正面朝上，您可能希望从底部进行正移位）

。侧栏标题{
位置：绝对位置；
z指数：150；
顶部：100px；
左：330px；
宽度：200px；
高度：30px；
文本对齐：居中；
颜色：#000；
背景色：#fff；
文本转换：小写；
字体大小：20px；
填充：10px；
线高：33px；
框大小：边框框；
字体大小：正常；
字体系列：'dalmatins'；
}
.侧栏标题范围{
显示：内联块；
盒影：#aaa 0px-15px 0px插图；
填充：0px 2px；
}

您也可以发布您的HTML吗？问题可能是因为您使用的是

position:absolute

。你不应该使用绝对值，除非你知道自己在做什么。让它成为相对的或默认的：

static

@RickardElimähi！添加了html部分。由于

静态

一切都乱七八糟，

相对

不会让我像

绝对

一样将其向上移动，但谢谢！1） 你想通过实习达到什么目的？在所有决议上都是一样的吗？尝试更改浏览器窗口的大小，您将看到我的目标。2） 你想用

框阴影

实现什么

背景

无法解决的问题？@RickardElimää改变浏览器窗口大小根本不会改变分辨率！这在

背景下如何工作？我真的是一个傻瓜，所以我能给你的唯一答案就是，用这个来突出标题？希望这有意义@里卡德利姆äI添加了图片，这样可能会更清晰一些。但我要找的是一个快速解决方案，而不是一堂关于编码的课，因为我所要做的只是定制一个我付费的主题代码，虽然创建者允许，但她不会回答这样的问题，因为有这么多问题，这就是我来这里的原因。很遗憾，你的片段不起作用，因为在网页上，在你的爱人和阳光之间有一条自动的分线，因此添加
display:inline block
去掉了其中一条线，现在只突出显示阳光部分。但是谢谢你！我想知道你想归档什么。。带有
框阴影：#aaa 0px-15px 0px插入你有15像素的灰色线条。当然，它不会覆盖2行。那么你希望结果是什么样的呢？