W3.CSS Texts (文本)

<div class="w3-container w3-border w3-large">

  <div class="w3-left-align"><p>左对齐文本。</p></div>

  <div class="w3-right-align"><p>右对齐文本。</p></div>

</div>

<div class="w3-container w3-center">

  <h2>中心内容</h2>

  <img src="img_car.jpg" alt="car" style="width:80%;max-width:320px">

  <p>一些居中的文本。</p>

</div>

<p class="w3-wide">w3-wide 指定更宽的文本。</p>

<div class="w3-panel w3-pink">

  <h2 class="w3-opacity">文本不透明度</h2>

</div>

<h2 class="w3-blue" style="text-shadow:1px 1px 0 #444">文本阴影</h2>

<div class="w3-panel w3-pink">

  <h1 class="w3-opacity">

  <b>文本不透明度 + 粗体</b></h1>

</div>

<div class="w3-panel w3-amber">

  <h1 class="w3-text-yellow" style="text-shadow:1px 1px 0 #444">

  <b>黄色文本 + 阴影 + 粗体</b></h1>

</div>

<div class="w3-panel w3-blue">

  <h1 class="w3-text-orange" style="text-shadow:1px 1px 0 #444">

  <b>橙色文本 + 阴影 + 粗体</b></h1>

</div>