0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>Another value of the align-items property is baseline. If you assign it to the container, then the flex items will be aligned along the text baseline in them. This imaginary line runs along the base of the letters.</p>
1
<p>Another value of the align-items property is baseline. If you assign it to the container, then the flex items will be aligned along the text baseline in them. This imaginary line runs along the base of the letters.</p>
2
<p>If you align the flex items along the baseline, they will line up so that the text in them will be set so that it appears to run along a “single line”.</p>
2
<p>If you align the flex items along the baseline, they will line up so that the text in them will be set so that it appears to run along a “single line”.</p>
3
<p>In order to better understand the behavior of the baseline, let’s compare it with another value, flex-start.</p>
3
<p>In order to better understand the behavior of the baseline, let’s compare it with another value, flex-start.</p>
4
<p>Mini Summary. The align-items property controls the alignment of items along the cross axis, and it has five values:</p>
4
<p>Mini Summary. The align-items property controls the alignment of items along the cross axis, and it has five values:</p>
5
<ul><li><p>The default value stretch,</p>
5
<ul><li><p>The default value stretch,</p>
6
</li>
6
</li>
7
<li><p>flex-start,</p>
7
<li><p>flex-start,</p>
8
</li>
8
</li>
9
<li><p>flex-end,</p>
9
<li><p>flex-end,</p>
10
</li>
10
</li>
11
<li><p>center,</p>
11
<li><p>center,</p>
12
</li>
12
</li>
13
<li><p>and baseline.</p>
13
<li><p>and baseline.</p>
14
</li>
14
</li>
15
</ul>
15
</ul>