Html 将div中的元素向下移动几个像素

在我的导航栏中，div中有两个元素，一个图片和一些文本。我想将文本向下移动几个像素。这通常是相当容易的，但是，文本根本就没有改变。当我在包含的div上放置顶部填充时，两个元素都向下移动。我只希望文本只向下移动，图像保持在同一位置。这是我的密码：

    <div class="row">
        <div class="col-xs-8">
        <img src="{{asset('/images/navbar/banner.png')}}" class="banner">
        <a class="text-white hover-white" id="title" href="/">MY WEBSITE'S TITLE</a>                            
    </div>

---

我想在不影响图像的情况下将标签向下移动几个像素

尝试用以下内容替换

a

标签：

<a class="text-white hover-white" id="title" href="/" style="padding-top: 3px; position: absolute">MY WEBSITE'S TITLE</a>

---

这将在文本顶部添加3倍的填充。

您可以为文本使用行高属性
例如：

a {
   line-height:25px;
  }

---

如果要将文本与图像底部对齐，可以使用

a {
   vertical-align: bottom;
}

例如：

a{
垂直对齐：底部对齐；
}

我不知道这是否有用，但我注意到您缺少一个div#title{margin top:10px；}的结束标记？