Как отцентровать иконку position absolut?

Question

[urajo]

Есть блок, он position relative . По высоте он может быть любого размера.
У него через псевдокласс прописана иконка.

::before{
	position: absolute;
	content: url('assets/img/31.svg');
	display: block;
	width: 40px;
	height: 40px;
	left: -45px;
}

Вопрос как отцентровать по высоте относительно основного блока

Answer 1

[Марти Макфлай]

Можно так:

::before{
  position: absolute;
  content: url('assets/img/31.svg');
  display: block;
  width: 40px;
  height: 40px;
  left: -45px;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

А можно так, это сработает, даже если не указаны размеры центрируемого елемента:

::before{
  position: absolute;
  content: url('assets/img/31.svg');
  display: block;
  width: 40px;
  height: 40px;
  left: -45px;
  top: 50%;
  transform: translateY(-50%);
}