Інколи виникає проблема центрування елемента в браузері, або в окремому блоці. Зробити це на чистому СSS, чи в Berry можна різними шляхами, в залежності від того, відомий розмір контейнеру, чи ні.

• Центруємо строку по висоті і ширині блока або вікна браузера:

  <style>
  	.center-point {
  	  position:absolute;
  	  top:50%;
  	  left:50%;
  	  margin-right:-50%;
  	  transform:translate(-50%, -50%)
  	}
  </style>
  
  <div class='center-point' style="background: red; /* Колір фону */ width: 200px; /* Ширина блоку */ height: 200px; /* Висота блоку */">
  	<div class="center-point">Центр вікна тут!</div>
  </div>

• Центруємо строку по висоті, та ширині bordered, або вікна з допомогою Berry, якщо розмір контейнера відомий:

  <div>
      <p class="bordered t-center flex flex-jc-center flex-column h400px">Центр блоку тут!</p>
  </div>

• Центруємо блок по висоті, та ширині контейнера, або вікна з допомогою Berry, якщо розміри контейнера не відомі:

  <div class="bordered flex flex-jc-center flex-ai-center">
  	<div class="bordered">Центр блоку тут!</div>
  </div>