小编Bor*_*rac的帖子

如何使它在高度相同的输入页面之后显得很好？

<div class="input-group">
        <input type="text" class="form-control"/>
        <button class="input-group-addon" type="submit">
            <i class="fa fa-search"></i>
        </button>
</div>

这里是代码http://jsfiddle.net/6mcxdjdr/第一个是原始输入组,第二个是我想要的东西

如何border-bottom在h2（根据文本可以更长或更短）之后以固定宽度（100px）居中放置？

代码

h2 {
  position: relative;
  z-index: 1;
  text-align: center;
  padding-bottom: 50px;
}
h2:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100px;
  border-bottom: 2px solid magenta;
}

<h2>Something</h2>

我正在尝试执行以下操作

小提琴