Выровнять текст и SVG по горизонтальному центру

Question

Может я чего не знаю, но каким образом можно выровнять по высоте по центру текст?

Для img используется align="middle", а в этом случае как можно поступить?

Answer 1

Это делается буквально в две строчки если воспользоваться Flex:

body {
  display: flex;
  align-items: center;
}

.svg {
  width: 40px;
  height: 40px;
  border: 1px solid red;
  margin-right: 20px;
}

<div class="svg"></div>
<p>Текст текст текст</p>