# Using alignments You can align items inside `flex` and `grid` layouts. ## Align a component relative to its container with `align-self`
🐌
_
align-self={{ alignment }}
🐌
_
{{ alignment }}
## Align the content of a component with `align-text`
```vue-html
🐌
🐌
🐌
🐌
🐌
```
🐌
🐌
🐌
🐌
🐌