Centre with flexbox
Centre anything.
- Snippet
- CSS
- 1 blank to fill
.class {
display: flex;
align-items: center;
justify-content: center;
} Orange words are blanks you have not filled yet. Press ⌘ Return to copy.
About this template
Centre anything.
- Category
- Code snippets
- Pack
- CSS
- Type
- Snippet, a short message
- Asks for
- class
Use it anywhere you write: email, chat, a document or a support tool. If you send it often, save the finished text as a snippet in ClipBuddy and paste it again from your clipboard history with ⌘⇧V.
Template source
The template as written, with its blanks in double braces, such as {{Name}}.
.{{class}} {
display: flex;
align-items: center;
justify-content: center;
}