Вопрос по вёрстке

#132 admin:

Можно через абсолютное позиционирование. Минут за 15 с десяток вариантов получится)

и 50% ерунлда и так тоже ерунда.  Воткни что нибудь перед родительским блоком и Блок1 уедет вникуда.

Оно как-бы на месте, потому что эта строка в самом верху экрана.

Для второго блока нужно разместить его посередине роджительского блока как-будто 1-го блока нет.

Добавлено 18 минут спустя:

Вот так вот работает

     <div class="header_left_middle">
      <span class="span_left">{PAGE_ROW_DATE_STAMP|cot_date('date_full', $this)}</span>
      <div class="middle_title"><a href="{PAGE_ROW_URL}">{PAGE_ROW_SHORTTITLE}</a></div>
     </div>

.header_left_middle {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    font-size: small;
    display: flex;
    width: 100%;

.span_left
{
  position: absolute!important;
  width: auto !important;
}

.middle_title
{
  text-align: center;
}

Добавлено 8 секунд спустя:

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

Пока вопрос открытый...