如何将div的左侧与页面中心对齐？

Question

我在页面中心有一堆div（使用margin：auto）

现在我想绘制一条从中心开始并向右延伸的线（比如400像素）。我是一个但是很难过，知道如何让这项工作很好吗？

喝彩！

Answer 1

使用此css：

div.line
{
    position: absolute;
    left: 50%;
    width: 50%;
}

Answer 2

div.line
{
  width: 400px;
  height: 10px;
  margin: 0 auto;
  border-right: 400px solid black;
}

Answer 3

将内容放在另一个标记内。

并将标记设置为以下样式（例如div）：

div.special_tag {
  float: right;
  width: 50%;
}

Answer 4

就个人而言，我只是使用边距：

设置在中线的左侧：

.leftSide {
 width: 400px;
 height: 100px;
 margin: 0 50% 0 auto;
 background: #555;
 border: #777 1px solid;
}

或中线的右侧

.rightSide {
 width: 400px;
 height: 100px;
 margin: 0 auto 0 50%;
 background: #555;
 border: #777 1px solid;
}