html - 使用 CSS 使一条线穿过图像

Question

我有一个图像，它是“图标”和下面的一条灰线。你可以在这里在线查看 http://sundayeventsboutique.it/?lang=en

标记非常简单，带有 Bootstrap 类

<div class="row">
    <div class="col-md-4">
    <div class="row dmbs-header">
            <div class="dmbs-header-img">
                <a href="http://sundayeventsboutique.it/"><img width="300" height="150" alt="Sunday Logo" src="http://sundayeventsboutique.it/wp-content/themes/devdmbootstrap3/img/logo.jpg"></a>
            </div>
    </div>
   </div>
<div class="col-md-8 d-bar">

    <div class="row dmbs-top-menu">

        <nav role="navigation" class="navbar navbar-inverse">

        </nav>

   </div>
    </div>
    <div class="hr-line-grey hr-line-margin"></div>
</div>

问题是我似乎无法移动图像上方的线，如果我使用负的上边距它不会移动直到它到达顶部

虽然我想把它放在“周日事件精品店”下

Answer 1

在.hr-line-grey中添加position:relative并调整top值

.hr-line-grey{
 position:relative;
 top:-63px;
}