x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div class="flex flex-col gap-half text-sm"> <dl class="flex items-center justify-between"> <dt>Item 1</dt> <dd class="text-subtle">Value 1</dd> </dl> <div class="separator" role="separator" aria-orientation="horizontal"></div> <dl class="flex items-center justify-between"> <dt>Item 2</dt> <dd class="text-subtle">Value 2</dd> </dl> <div class="separator" role="separator" aria-orientation="horizontal"></div> <dl class="flex items-center justify-between"> <dt>Item 3</dt> <dd class="text-subtle">Value 3</dd> </dl></div>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div class="flex flex-col gap-half text-sm"> <dl class="flex items-center justify-between"> <dt>Item 1</dt> <dd class="text-subtle">Value 1</dd> </dl> <div class="separator" role="separator" aria-orientation="horizontal"></div> <dl class="flex items-center justify-between"> <dt>Item 2</dt> <dd class="text-subtle">Value 2</dd> </dl> <div class="separator" role="separator" aria-orientation="horizontal"></div> <dl class="flex items-center justify-between"> <dt>Item 3</dt> <dd class="text-subtle">Value 3</dd> </dl></div>1
2
3
4
5
6
7
8
9
10
11
12
13
.separator { background-color: var(--sep-color, var(--color-border)); block-size: 1px; flex-shrink: 0; inline-size: var(--size-full);}.separator-vertical { align-self: stretch; background-color: var(--sep-color, var(--color-border)); flex-shrink: 0; inline-size: 1px;}
Java Script is not required or multiple files are needed, check the notes.
No notes provided.