Alignment - Joystick Design System

Absolute Center

This content will be positioned in the absolute center of its container

<div class="joy-align--absolute-center">This content will be positioned in the absolute center of its container</div>

Perfectly center any children content within a given container - not just text.

<div class="joy-align--absolute-center" style="height:150px;">
  <img src="/images/avatar--bd.png" style="height: 60px;" alt="Alt Text">
</div>