# code-block-pro/1.13.0/build/shiki/samples/css.sample

Code Block Pro – Beautiful Syntax Highlighting, version 1.13.0. 19 lines.

- Page: https://pluginprobe.com/plugins/code-block-pro/1.13.0/code/build/shiki/samples/css.sample
- Raw: https://pluginprobe.com/plugins/code-block-pro/1.13.0/raw/build/shiki/samples/css.sample
- Modified: 2022-08-22T22:25:46+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/code-block-pro/1.13.0/code/build/shiki/samples/css.sample#L10-L20`.

```
.Aligner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.Aligner-item {
  max-width: 50%;
}

.Aligner-item--top {
  align-self: flex-start;
}

.Aligner-item--bottom {
  align-self: flex-end;
}

/* From https://philipwalton.github.io/solved-by-flexbox/demos/vertical-centering/ */
```