自己水平居中

.my-div{
  margin: auto;
}

自己固定位置

居上

.my-div{
  position: absolute;
  top: 0px;
}

居下

.my-div{
  position: absolute;
  bottom: 0px;
}

居左

.my-div{
  position: absolute;
  left: 0px;
}

居右

.my-div{
  position: absolute;
  right: 0px;
}

自己浮动位置

• 一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。
• 浮动元素之后的元素将围绕它。
• 浮动元素之前的元素将不会受到影响。

居左

.my-div{
  float: left;
}

居右

.my-div{
  float: right;
}

让子元素排成一行

.my-div{
	display: flex;
}

文本水平居中

.my-div{
  text-align: center;
}