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

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

- Page: https://pluginprobe.com/plugins/code-block-pro/1.13.0/code/build/shiki/samples/html.sample
- Raw: https://pluginprobe.com/plugins/code-block-pro/1.13.0/raw/build/shiki/samples/html.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/html.sample#L10-L20`.

```
<style>
.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;
}
</style>

<div class="Aligner">
  <div class="Aligner-item Aligner-item--top">…</div>
  <div class="Aligner-item">…</div>
  <div class="Aligner-item Aligner-item--bottom">…</div>
</div>

<!-- From https://philipwalton.github.io/solved-by-flexbox/demos/vertical-centering/ -->

```