Как расположить блок справа?

Question

[Александр Андропов]

Добрый вечер, друзья. Не могу расположить блок справа друг от друга, почему-то уходит второй блок вниз. На скриншоте показал.


Делаю так:

<div class="col-xl-4">
<div id="panel-3" class="panel">
<div class="panel-hdr">
<!-- BLOCK 1 CODE -->
</div>
</div>
</div>

<div class="col-xl-4">
<div id="panel-3" class="panel">
<div class="panel-hdr">
<!-- BLOCK 2 CODE -->
</div>
</div>
< /div>

Подскажите, как сделать так, чтобы блоки шли справа друг от друга

Answer 1

[Тигран Абрамян]

<div class="container">
<div class="col-xl-4">
<div id="panel-3" class="panel">
<div class="panel-hdr">
<!-- BLOCK 1 CODE -->
</div>
</div>
</div>

<div class="col-xl-4">
<div id="panel-3" class="panel">
<div class="panel-hdr">
<!-- BLOCK 2 CODE -->
</div>
</div>
</div>
</div>

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}