将文本稍微定位在中心视口的左侧或右侧

【问题标题】：Position text slightly to the left or right of the center viewport将文本稍微定位在中心视口的左侧或右侧
【发布时间】：2021-03-21 04:31:10
【问题描述】：

我有一个非常简单的用例，我想将一段文本稍微移到视口中心的右侧或左侧。

// html文件

    <div>
      Hello
    </div>

// css文件

body {
  height: 80vh;
  background-color: grey;
  text-align: center;
}

所以这使文本居中，但是我如何将它稍微向左或向右移动。

【问题讨论】：

【解决方案1】：

所以最简单的方法是将子元素的位置更改为相对位置，然后使用 left 属性，或者使用负值将其向左移动，即比中心更靠左，或者使用正数。所有元素的默认位置属性都是静态的。因此，如果您将其更改为相对，那么您可以控制位置，这是唯一一个稍微修改过的 css 来实现结果，

body {
  height: 80vh;
  background-color: grey;
  text-align: center;
}

div {
  position: relative;
  left: -200px
}

【讨论】：