HTML :Adjusting alignment of heading and

Question

我有一个非常简单的场景，但我真的坚持了下来，需要你的帮助。

这是我必须做的。

这是一个带有右边框和底边框以及顶部有图像的 div。我必须显示与此相同的文本。为此，我正在使用这样的 Bootstrap

<div class="span4" >

      <h1 class="BoldText">
        <a href="#">GET  A QUOTE</a>
      </h1>
      <span class="SimpleText">
         INSERT TEXT HEREINSERT TEXT HEREIN-SERT TEXT HEREINSERT TEXT HEREINSER
       </span>

</div>

现在的问题是我必须在框的中间显示它，if i set margin-left to h1 and <span>标记这是它的样子this填充在这里也不起作用。有人会指导我如何调整它吗？这看起来很简单，但我真的无法理解。

Answer 1

我会设置宽度: http://jsfiddle.net/4YUtW/

.span4 {
    width:300px;
    border:1px solid #666;
}

h1 {
    width:226px;
    display:block;
    margin:0 auto;



}
.SimpleText {
    width:226px;
    display:block;
text-align:justify;
    margin:0 auto;

}

但是，可能有更好的解决方案...当然，您必须更改值以满足您的需要。