Как в css выровнять контент вдоль одной воображаемой линии?
Здравствуйте.

Воспользуйтесь классами bootstrap-сетки ( технология flexbox ) или используйте grid.

пример с Grid:

.grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
align-items: center;
}

Примечание. html будет примерно таким::

<div class="grid">
<div class="grid-element">набор элементов слева</div>
<div class="grid-element">набор элементов справа</div>
</div>
если по центру, то для родительского элемента: 
.container {
  display: flex;
  align-items: center;
}