Css Align

This is a simple tool for practice and learning how to position content inside an HTML element.

It contains a few tips to align and position content inside a flex display

X Y

Parent Style

{{parse(parent_style)}}

justify-content align the child alongside X axis align-items align the child alongside Y axis

{{parse(child_style)}}

You can move the child's position outside its parent by transforming it