Follow-up to #13671; improves consistency of text with previous examples

Also fixes a small indentation error.

docs/_includes/css/type.html

@@ -207,14 +207,14 @@ You can use the mark tag to <mark>highlight</mark> text.
   <h2 id="type-transformation">Transformation classes</h2>
   <p>Transform text in components with text capitalization classes.</p>
   <div class="bs-example">
-      <p class="text-lowercase">Lowercase text.</p>
-      <p class="text-uppercase">Uppercase text.</p>
-      <p class="text-capitalize">Capitalize text.</p>
+    <p class="text-lowercase">Lowercased text.</p>
+    <p class="text-uppercase">Uppercased text.</p>
+    <p class="text-capitalize">Capitalized text.</p>
   </div>
 {% highlight html %}
-<p class="text-lowercase">Lowercase text.</p>
-<p class="text-uppercase">Uppercase text.</p>
-<p class="text-capitalize">Capitalize text.</p>
+<p class="text-lowercase">Lowercased text.</p>
+<p class="text-uppercase">Uppercased text.</p>
+<p class="text-capitalize">Capitalized text.</p>
 {% endhighlight %}
 
   <!-- Abbreviations -->