Как сделать разделяющую линию на css?

1
2
3

.separator {
  border-top: 1px solid #000; /* цвет и толщина линии */
}

1
2
3
4

.separator {
  border-left: 1px solid #000; /* цвет и толщина линии */
  height: 100px; /* высота линии */
}

1
2
3
4

.separator {
  border-top: 1px solid #000; /* цвет и толщина верхней линии */
  border-bottom: 1px solid #000; /* цвет и толщина нижней линии */
}

1
2
3

.separator {
  border-top: 1px dashed #000; /* цвет и толщина пунктирной линии */
}

1

<div class="separator"></div>

1
2
3

.separator {
  border-top: 1px solid #000;
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

.separator {
  position: relative;
}

.separator::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

.separator {
  position: relative;
}

.separator::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  background-color: #000;
}