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

我使用margin:auto在页面中央有一堆div

现在我想画一条线，从中心开始，向右延伸，比如说400像素。我是一个很难理解的人，你知道如何使这一切顺利进行吗

干杯

使用此css：

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

使用此css：

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

---

将内容放入另一个标记中

并按照以下方式设置标签样式，例如div：

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

---

将内容放入另一个标记中

并按照以下方式设置标签样式，例如div：

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

---

就我个人而言，我只会使用保证金：

设置在中线的左侧：

.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;
}

---

就我个人而言，我只会使用保证金：

设置在中线的左侧：

.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;
}

---

您需要为此div在周围容器上指定position:relative。否则position:absolute可能无法按预期工作。我知道，它无法工作，因为我有7个div，它们都堆叠在一起。您需要为每个div设置顶部位置。您需要为此div在周围容器上指定position:relative。否则position:absolute可能无法按预期工作。我知道，它无法工作，因为我有7个div，它们都堆叠在彼此的顶部。您需要为每个div设置顶部位置。