&gt;
	&lt;div&gt;Flex Item 3&lt;/div&gt;
&lt;/div&gt;</code></pre>
			</div>
		</div>

		<!-- Text Alignment -->
		<div class="example-section">
			<h2 class="example-title">Text Alignment</h2>
			<p class="example-description">
				Control text alignment with utility classes.
			</p>
			<div class="demo-box text-center bd-highlight">Centered text</div>
			<div class="demo-box text-left bd-highlight">Left aligned text</div>
			<div class="demo-box text-right bd-highlight">Right aligned text</div>
			<div cl