如何强制分隔器的位置，并将徽标放置在某个位置？答案

【问题标题】：How can I force the position of the divider, and place logo at a certain location?如何强制分隔器的位置，并将徽标放置在某个位置？
【发布时间】：2015-04-07 00:45:22
【问题描述】：

这是我现在拥有的：

我正在努力将我的 divider 和 book 向上移动 - 可能是 10 像素。

我尝试使用开发工具检查它们并调整padding 和margin，但似乎没有任何效果。

我现在很好奇又无能为力。我不知道为什么它会在那条橙色的虚线上阻止我。我需要在这里稍微推动一下。

谁能请告诉我我在这里做错了什么？

这是我的实时结果：Fiddle

【问题讨论】：

标签： html css twitter-bootstrap-3 position css-position

【解决方案1】：

要移动穿孔线以下的所有内容，请更改 .tl-left 选择器的 margin-top 属性。

.tl-left{
    margin-top: -35px;
}

要仅移动书籍图像和垂直线，请执行以下操作：

#mp-book{
    width: 76px;
    margin-top:-10px;
}

.vertical-line {
    border-left:3px solid silver;
    height:100px;
    text-align: center;
    width:2px;
    margin-left:48px;
    margin-right:25px;
    margin-top:-10px;
}

将margin-top:-10px 添加到您的#mp-book 和.vertical-line 选择器中。

https://jsfiddle.net/e9L60rfr/23/

【讨论】：

它不起作用，对不起。！你自己试试吧！你看到了什么？
它将橙色穿孔线（在您的图像中）下方的所有内容移向 h2 元素。
你看我的描述了吗？我只想移动我的分隔线和我的图像徽标，不是整个事情。
您能否将您的解决方案/建议放入我的 Fiddle 并更新我的 Fiddle 并将该小提琴链接作为您答案的一部分？