<h2 id="%E5%B7%A6%E5%AF%84%E3%81%9B">
<a class="header-anchor-link" href="#%E5%B7%A6%E5%AF%84%E3%81%9B" aria-hidden="true"></a> 左寄せ</h2>
<div class="code-block-container"><pre class="language-html"><code class="language-html">&lt;p class="text-start"&gt;&lt;/p&gt;
</code></pre></div><h2 id="%E4%B8%AD%E5%A4%AE">
<a class="header-anchor-link" href="#%E4%B8%AD%E5%A4%AE" aria-hidden="true"></a> 中央</h2>
<div class="code-block-container"><pre class="language-html"><code class="language-html">&lt;p class="text-center"&gt;&lt;/p&gt;
</code></pre></div><h2 id="%E5%8F%B3%E5%AF%84%E3%81%9B">
<a class="header-anchor-link" href="#%E5%8F%B3%E5%AF%84%E3%81%9B" aria-hidden="true"></a> 右寄せ</h2>
<div class="code-block-container"><pre class="language-html"><code class="language-html">&lt;p class="text-end"&gt;&lt;/p&gt;
</code></pre></div><h2 id="%E8%A9%B3%E7%B4%B0%E3%81%AF%E5%85%AC%E5%BC%8F%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9%E3%82%92%E8%AA%AD%E3%82%82%E3%81%86">
<a class="header-anchor-link" href="#%E8%A9%B3%E7%B4%B0%E3%81%AF%E5%85%AC%E5%BC%8F%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9%E3%82%92%E8%AA%AD%E3%82%82%E3%81%86" aria-hidden="true"></a> 詳細は公式リファレンスを読もう</h2>
<iframe id="zenn-embedded__ca0256f909643" src="https://embed.zenn.studio/card#zenn-embedded__ca0256f909643" data-content="https%3A%2F%2Fgetbootstrap.jp%2Fdocs%2F5.3%2Futilities%2Ftext%2F" frameborder="0" scrolling="no" loading="lazy"></iframe><a href="https://getbootstrap.jp/docs/5.3/utilities/text/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://getbootstrap.jp/docs/5.3/utilities/text/</a>

bootstrapでテキストを整える

詳細は公式リファレンスを読もう

左寄せ

中央

右寄せ

詳細は公式リファレンスを読もう

Discussion